表单验证输入内容不能为空的方法
HTML 表单验证可以通过 JavaScript 来完成。
以下实例代码用于判断表单字段fieldset或(fname)值是是否为空，如果空，则弹出提示信息阻止表单提交，密码至少为6位，两次密码要一样，如果不一样也会阻止表单提交。
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> fieldset{ width: 600px; height: 120px; margin: 0 auto; } </style> <script type="text/javascript"> function beforeSubmit(form){ if(form.username.value==''){ alert('用户名不能为空！'); form.username.focus(); return false; } if(form.password.value==''){ alert('密码不能为空！'); form.password.focus(); return false; } if(form.password.value.length<6){ alert('密码至少为6位，请重新输入！'); form.password.focus(); return false; } if(form.password.value!=form.password2.value) { alert('你两次输入的密码不一致，请重新输入！'); form.password2.focus(); return false; } return true; } </script> </head> <body> <fieldset> <legend>用户注册</legend> <form method="post" name="form" action="user.do?method=register" onSubmit="return beforeSubmit(this);"> <table border="1" width="100%" cellspacing="0" cellpadding="0"> <tr><td><label>用户名：<input type="text" name="username" value=""></label></td></tr> <tr><td><label>密 码：<input type="password" name="password" value=""></label></td></tr> <tr><td><label>重复密码：<input type="password" name="password2" value=""></label></td></tr> <tr><td><input value="注册" type="submit"> <input type="reset" value="重置"></td></tr> </table> </form> </fieldset> </body> </html> 
本站声明:网站内容来源于网络,如有侵权,请联系我们https://www.qiquanji.com,我们将及时处理。
微信扫码关注
更新实时通知