超实用表单验证方法!拿去不谢
2017-10-29 23:27
176 查看
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>表单验证</title> </head> <body> <form action="ccy.php" id="form"> 账号<input type="text" name="name"> <br> 密码<input type="password" name="pwd"> <br> <input type="reset" name="reset"> <input type="submit" name="登录"> </form> </body> <script> var form = document.getElementsByTagName("form")[0]; form.onsubmit = function () { var name = document.getElementsByName("name")[0].value; var pwd = document.getElementsByName("pwd")[0].value; // alert("数据被提交"); if (name == ""||pwd.length<6){ if (name ==""){ alert("账号不能为空") }else if (pwd.length<6){ alert("密码太短") } /*通过return false 来禁用表达的提交*/ return false; } } /*如果账号或者密码达到要求,禁止重置*/ form.onreset = function () { var name = document.getElementsByName("name")[0].value; var pwd = document.getElementsByName("pwd")[0].value; if (name!=""&&pwd.length>=6){ return false; } } </script> </html>
相关文章推荐
- js 表单验证方法(实用)
- 最实用的js表单验证方法
- js 表单验证方法(实用)
- 最实用的js表单验证方法
- 一个流行且实用的JS表单验证提示,演示了怎么自定义错误信息的显示方式,同时通过写FormValid.showError类方法来实现错误显示方式自定义: errMsg 是一个错误消息的数组,这样方便自定
- Vue中使用vee-validate表单验证的方法
- PHP jQuery表单,带验证具体实现方法
- 两种表单提交验证方法
- 自定义表单输入验证jquery,validate,增加自己的方法,验证完并保存写入数据库
- php 表单提交字段验证 字段值验证 自定义方法
- yii form 表单提交之前JS在提交按钮的验证方法
- HTML5中表单验证的8种方法
- 用html5自带表单验证 并且用ajax提交的解决方法(附代码)
- 织梦自定义表单验证字段不能为空,绝对实用灵活
- jquery验证表单很简单的方法
- Validation-jQuery表单验证插件使用方法
- bootstrap 表单验证使用方法
- 关于struts2表单重复提交验证的方法
- ajax验证并提交表单的两种方法
- 实用的表单验证