jQuery Validate 自定义验证方法引入问题

最新推荐文章于 2020-12-09 12:57:56 发布

yao.wu

最新推荐文章于 2020-12-09 12:57:56 发布

阅读量3.3k

点赞数 2

分类专栏： jQuery Validate

本文链接：https://blog.csdn.net/yao_Wu/article/details/51865819

版权

jQuery Validate 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

一、封装自定义的验证方法到 jquery.validate.custom.js

$(function(){
        //登录名只能由中文、英文、数字、和下划线组成
    jQuery.validator.addMethod("loginname", function(value, element) {
        var char = /^[a-zA-Z0-9\u4e00-\u9fa5-_]+$/;
        return this.optional(element) || char.test(value);   
    }, $.validator.format("登录名只能包含中文、英文、数字、下划线"));
});

二、在jsp中调用这个方法（需要引入该方法所在的js-jquery.validate.custom.js）

<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
<%String path = request.getContextPath();%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<link rel="stylesheet" type="text/css" href="<%=path%>/public/style/main.css">
<script type="text/javascript" src="<%=path%>/public/js/jquery-1.7.2.min.js"></script>
<script type="text/javascript" src="<%=path%>/public/js/jquery.validate.custom.js"></script>
<script type="text/javascript" src="<%=path%>/public/js/jquery.validate.min.js"></script>
<script type="text/javascript" src="<%=path%>/public/js/messages_zh.min.js"></script>
<title>修改密码</title>
</head>
<body>
    <div id="content">
        <div id="sxmslr" align="center">
            <form id="update" name="update" method="post" action="<%=path%>/user/updatepass/${id}" onSubmit="return check()">
                <table width="50%" class="border" border="0" cellSpacing="1">
                    <tbody>
                        <tr class="tdbg" align="center">
                            <td height="45" colSpan="5" background="<%=path%>/public/images/tablethbg.png">修改密码</td>
                        </tr>
                        <tr class="tdbg">
                            <td width="20%" height="45" class="tdbg_left">原密码:</td>
                            <td class="tdbg_right"><input id="password1" name="password1" type="text" size="20"></td>
                        </tr>
                        <tr class="tdbg" >
                            <td width="20%" height="45" class="tdbg_left">新密码:</td>
                            <td class="tdbg_right"><input id="password2" name="password2" type="text" size="20"></td>
                        </tr>
                        <tr class="tdbg" align="center">
                            <td width="20%" height="45" class="tdbg_left">确认密码:</td>
                            <td class="tdbg_right"><input name="password3" type="text" size="20"></td>
                        </tr>
                    </tbody>
                    <tr class="tdbg" align="center">
                        <td height="45" align="center" class="tdbg" colSpan="5"><input
                            name="Submit" class="add2" type="submit" value="修改" size="4"> 
                            <input name="Cancel" class="add2" id="Cancel" type="reset"
                            value="重置" size="4"></td>
                    </tr>
                </table>
            </form>
        </div>
    </div>
</body>
    <script type="text/javascript">
        $().ready(function() {
            $("#update").validate({
                rules:{
                    password1:{//表单中input的name
                        required:true,
                    },
                    password2:{
                        required:true,
                        password:true//jquery.validate.custom.js中的方法的名字
                    },
                    password3:{
                         equalTo:"#password2"//判断是否与password2的值相同
                    }
                },

            }
            });

        });
    </script>
</html>

其中，update为表单的id。

yao.wu

关注

2
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
jQuery Validate 自定义验证方法引入问题

一、封装自定义的验证方法到 jquery.validate.custom.js$(function(){ //登录名只能由中文、英文、数字、和下划线组成 jQuery.validator.addMethod("loginname", function(value, element) { var char = /^[a-zA-Z0-9\u4e00-\u9fa5-
复制链接

扫一扫

专栏目录