js阻止表单提交
2016-08-08 16:41
316 查看
<!DOCTYPE html> <html> <head> <title>Simple Login Form</title> <meta charset="UTF-8" /> <meta name="Designer" content="PremiumPixels.com"> <meta name="Author" content="$hekh@r d-Ziner, CSSJUNTION.com"> <link rel="stylesheet" type="text/css" href="css/reset.css"> <link rel="stylesheet" type="text/css" href="css/structure.css"> <link href="../Scripts/easyui/themes/default/easyui.css" rel="stylesheet" /> <link href="../Scripts/easyui/themes/icon.css" rel="stylesheet" /> <link href="../Scripts/easyui/demo/demo.css" rel="stylesheet" /> </head> <body> <form id="login_form" class="box login"> <fieldset class="boxBody"> <label>用户名</label> <input id="userId" type="text" tabindex="1" placeholder="" required> <label><a href="#" class="rLink" tabindex="5"></a>密码</label> <input id="userPwd" type="password" tabindex="2" required> </fieldset> <footer> <input type="submit" class="btnLogin" value="登 录" tabindex="4"> </footer> </form> <footer id="main"> <a href="http://wwww.cssjunction.com">新烽光电股份有限公司</a> | <a href="http://www.premiumpixels.com">制作 by 软件部</a> </footer> </body> </html> <script src="Scripts/jquery-1.8.2.min.js"></script> <script type="text/javascript" src="../Scripts/easyui/jquery.easyui.min.js"></script> <script type="text/javascript" src="../Scripts/easyui/locale/easyui-lang-zh_CN.js"></script> <script> document.getElementById("login_form").onsubmit = function () { requiredCheck(); return false; }; function requiredCheck() { var userModel = { userId: $.trim($("#userId").val()), userPwd: $.trim($("#userPwd").val()) }; for (var i in userModel) { if (userModel.hasOwnProperty(i)) { if (userModel[i] == "") { $.messager.alert('提示', '用户名或密码不能为空', "error"); return false; } } } $.post("/Login/LoginCheck.ashx", userModel, function (msg) { if (msg.code == 0) { $.messager.alert('提示', msg.result, "error"); } else { window.location.href = "/index.aspx"; } }); } </script> 注意: 注册form表单的onsubmit事件,return false(在事件处理函数(onsubmit)里面return false)来阻止表单提交,
相关文章推荐
- 利用JS 阻止表单提交
- LINK - JS: 使用event.preventDefault 阻止表单控件默认提交的行为
- JS实现表单内容验证、阻止表单提交(onsubmit)
- js模拟form表单提交数据, js模拟a标签点击跳转,避开使用window.open引起来的浏览器阻止问题
- js验证阻止表单提交(表单绑定onsubmit事件)
- JavaScript 表单验证阻止提交 原js
- js阻止form表单提交
- js阻止提交表单(post)
- 利用js实现如果不符合规则的输入则阻止表单的提交
- js去掉文本前后空格与阻止表单提交
- js阻止表单提交的两种方法
- JS阻止表单提交
- js阻止提交表单(post)
- jquery、js阻止表单提交的不同方法
- 使用JS对form的内容验证失败后阻止提交 &&js校验表单后提交表单的三种方法总结
- js判断阻止表单提交实例
- Js 阻止表单提交方法
- JS去掉字符串前后空格、阻止表单提交的实现代码
- js阻止表单重复提交
- js阻止表单提交默认行为的两种方式