zoukankan      html  css  js  c++  java
  • js验证表单并提交

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html>
        <head>
            <title></title>
            <meta http-equiv="content-type" content="text/html;charset=utf-8">
            <meta name="keywords" content="html,javascript,css">
            <script type="text/javascript">
                function denglu()
                {
                    var userno=document.getElementById("userno").value;
                    var userpwd=document.getElementById("userpwd").value;
                    if(userno=="")
                    {
                        return false;
                    }
                    else if(userpwd=="")
                    {
                        return false;
                    }
                    else
                    {
                        return true;
                    }
                }
            </script>
        </head>
        <body>
            <form id="form1" action="test_login_handle.php" method="post">
                <div>账号:<input type="text" id="userno" placeholder="输入用户账号" /></div>
                <div>密码:<input type="password" id="userpwd" placeholder="输入用户密码" /></div>
                <div><input type="submit" value="登录" onclick="return denglu()" /></div>
            </form>
        </body>
    </html>
    
    
    
    
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html>
        <head>
            <title></title>
            <meta http-equiv="content-type" content="text/html;charset=utf-8">
            <meta name="keywords" content="html,javascript,css">
            <script type="text/javascript">
                function denglu()
                {
                    var userno=document.getElementById("userno").value;
                    var userpwd=document.getElementById("userpwd").value;
                    if(userno=="")
                    {
                        return false;
                    }
                    else if(userpwd=="")
                    {
                        return false;
                    }
                    else
                    {
                        return true;
                    }
                }
            </script>
        </head>
        <body>
            <form id="form1" action="test_login_handle.php" method="post" onsubmit="return denglu()">
                <div>账号:<input type="text" id="userno" placeholder="输入用户账号" /></div>
                <div>密码:<input type="password" id="userpwd" placeholder="输入用户密码" /></div>
                <div><input type="submit" value="登录" /></div>
            </form>
        </body>
    </html>
    
    
    
    
    <<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html>
        <head>
            <title></title>
            <meta http-equiv="content-type" content="text/html;charset=utf-8">
            <meta name="keywords" content="html,javascript,css">
            <script type="text/javascript">
                function denglu()
                {
                    var userno=document.getElementById("userno").value;
                    var userpwd=document.getElementById("userpwd").value;
                    if(userno=="")
                    {
                        return false;
                    }
                    else if(userpwd=="")
                    {
                        return false;
                    }
                    else
                    {
                        document.form1.submit();
                    }
                }
            </script>
        </head>
        <body>
            <form id="form1" action="test_login_handle.php" method="post">
                <div>账号:<input type="text" id="userno" placeholder="输入用户账号" /></div>
                <div>密码:<input type="password" id="userpwd" placeholder="输入用户密码" /></div>
                <div><input type="button" value="登录" onclick="denglu()" /></div>
            </form>
        </body>
    </html>
  • 相关阅读:
    googleMapReduce
    leveldb0
    大端模式和小端模式
    信号
    js中判断对象类型的几种方法
    js DOM之基础详解
    JavaScript作用域与闭包总结
    SCRIPT438: 对象不支持“trim”属性或方法
    JS合并多个数组去重算法
    js的 break 和 continue 计算问题
  • 原文地址:https://www.cnblogs.com/zizaifeihuaqingsimeng/p/5947444.html
Copyright © 2011-2022 走看看