欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

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

程序员文章站 2022-06-01 22:50:17
...

一个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,丢掉了就会产生如下错误:
JSP中实现用户名与密码的表单验证提示