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/post/7139.html
本站声明:网站内容来源于网络,如有侵权,请联系我们,我们将及时处理。
微信扫码关注
更新实时通知