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>

时间： 2024-10-15 23:53:19

js验证表单并提交的相关文章

js 验证表单 js提交验证类

js 验证表单 js提交验证类附加:js验证radio是否选择 <script language="javascript">function checkform(obj){for(i=0;i<obj.oo.length;i++) if(obj.oo[i].checked==true) return true; alert("请选择")return false; }</script><form id="f

jquery.validate.js 验证表单时，在IE当中未验证就直接提交的原因

jquery.validate.js 验证表单时,在IE当中未验证就直接提交的原因今天利用了jquery.validate.js来验证表单,发现在火狐.谷歌浏览器当中都可以进行验证,但是在IE系列浏览器当中却无法进行验证就直接将表单提交了. 在网上查了一下原因,大多数文章表明原因是js代码书写不规范造成,也就是在验证表单的规则(rules)数组的最后多了个逗号.起初我也因为是这个原因于是查看了自己的代码发现确实有此问题于是就改正过来了. 但是在浏览器中查看后仍然不起作用,在百思不得其解时,想到

js日期/时间比较函数,以及js校验表单后提交表单的三种方法,表单验证，以及三种结合

<pre class="html" name="code"> js日期比较(yyyy-mm-dd) function duibi(a, b) { var arr = a.split("-"); var starttime = new Date(arr[0], arr[1], arr[2]); var starttimes = starttime.getTime(); var arrs = b.split("-");

js验证表单大全

js验证表单大全1. 长度限制<script>function test() {if(document.a.b.value.length>50){alert("不能超过50个字符!");document.a.b.focus();return false;}}</script><form name=a onsubmit="return test()"><textarea name="b" cols=&

js 防止表单重复提交

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><title&

php通过token验证表单重复提交

PHP防止重复提交表单 2016-11-08 轻松学PHP 我们提交表单的时候,不能忽视的一个限制是防止用户重复提交表单,因为有可能用户连续点击了提交按钮或者是攻击者恶意提交数据,那么我们在提交数据后的处理如修改或添加数据到数据库时就会惹上麻烦. 那么如何规避这中重复提交表单的现象出现呢?我们可以从很多方面入手,首先从前端做限制.前端JavaScript在按钮被点击一次后禁用,即disabled,这个方法简单的防止了多次点击提交按钮,但是缺点是如果用户禁用了javascript脚本则失效.第二,

学习日记之JS验证表单

今天学习了JS的验证表单功能. 现在想想就有点小激动,也可以做出点小效果出来了. 需求:用户输入的密码中不能包含空格表单代码: 密码 <input type="password" name="password" onblur="checkPassword()"/><span id="passwordspan"></span> Js代码: function checkPassword(){

JS/Jquery 表单方式提交总结

1. submit提交 (1). submit 按钮式提交缺点:在提交前不可修改提交的form表单数据 // 1. html <form method="post" action="/../.." > <input type="text" name="username" value="" /> <input type="password" name=&qu

js创建表单并提交

1.脚本 Util = { post : function(URL, PARAMS){ //虚拟表单实现post提交 var temp = document.createElement("form"); temp.action = URL; temp.method = "post"; temp.style.display = "none"; for (var x in PARAMS) { var opt = document.createElem