JSP中实现用户名与密码的表单验证提示

一个web注册功能往往需要开发表单验证，如下写一个简单的用户名及密码的验证提示及注意事项：

<script src="js/jquery.validate.min.js" type="text/javascript"></script>
<script type="text/javascript"> $(function() { $("#regForm").validate({ rules : { "username" : { "required" : true }, "password" : { "required" : true, "rangelength" : [ 6, 16 ] } }, messages : { "username" : { "required" : "用户名不能为空" }, "password" : { "required" : "密码不能为空", "rangelength" : "密码的长度必须为6-16" } }, errorPlacement : function(error, element) { //console.log(error); //console.log(element); //如果出错的是单选按钮或者多选按钮，则将错误信息添加到当前元素的父容器所在的容器的最后
if(element.is (":radio")||element.is(":checkbox")){ error.appendTo(element.parent().parent()); }else{ //如果不不是单选按钮和复选按钮,直接将错误信息显示在当前元素的后面
error.insertAfter(element); } } }) }); </script>

 

注意：
messages不要忘记加s，丢掉了就会产生如下错误：

 

————————————————
版权声明：本文为CSDN博主「蓝海晴川」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。
原文链接：https://blog.csdn.net/sinat_43094886/article/details/82357154