国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > JavaScript > 正文

jquery validate添加自定義驗證規(guī)則(驗證郵箱 郵政編碼)

2019-11-20 21:31:34
字體:
供稿:網(wǎng)友


jQuery:validate添加自定義驗證

jQuery.validator.addMethod添加自定義的驗證規(guī)則

addMethod:name, method, message

簡單實例:單個驗證的添加

復(fù)制代碼 代碼如下:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>validate.js拓展驗證</title>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script type="text/javascript" src="jquery.validate.js"></script>
<script type="text/javascript" src="validate.expand.js"></script>
</head>
<body>
<form action=""  method="get" id="tinyphp">
<input type="text" value="" name="isZipCode" />
<input type="submit" value="提交" />
</form>
<script type="text/javascript">
$("#tinyphp").validate({
    // 添加驗證規(guī)則
    rules: {
        isZipCode: {    //驗證郵箱
            isZipCode: true
        }
    }
}); 
    </script>
</body>
</html>

validate.expand.js

復(fù)制代碼 代碼如下:

jQuery.validator.addMethod("isZipCode", function(value, element) {  
    var tel = /^[0-9]{6}$/;
    return this.optional(element) || (tel.test(value));
}, "請正確填寫您的郵政編碼");

添加多個驗證方法

復(fù)制代碼 代碼如下:

 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>validate.js拓展驗證</title>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script type="text/javascript" src="jquery.validate.js"></script>
<script type="text/javascript" src="validate.expand.js"></script>
</head>
<body>
<form action=""  method="get" id="tinyphp">
郵編:<input type="text" value="" name="isZipCode" /><br /><br />

名字:<input type="text" value="" name="userName" />
<input type="submit" value="提交" />
</form>
<script type="text/javascript">
$("#tinyphp").validate({
    // 添加驗證規(guī)則
    rules: {
        isZipCode: {    //驗證郵箱
            isZipCode: true
        },
        userName:{
            required: true,
            userName: true,
            rangelength: [5,10]   
        }
    },

    //重設(shè)提示信息,可省略
    messages:{
        userName: {
            required: "請?zhí)顚懹脩裘?,
            rangelength: "用戶名必須在5-10個字符之間"
        }      

    }
}); 
    </script>
</body>
</html>
 

 validate.expand.js

 

復(fù)制代碼 代碼如下:

 jQuery.validator.addMethod("userName", function(value, element) {
    return this.optional(element) || /^[/u0391-/uFFE5/w]+$/.test(value);
}, "用戶名必須在5-10個字符之間");  

jQuery.validator.addMethod("isZipCode", function(value, element) {  
    var tel = /^[0-9]{6}$/;
    return this.optional(element) || (tel.test(value));
}, "請正確填寫您的郵政編碼");
 

發(fā)表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發(fā)表
主站蜘蛛池模板: 五大连池市| 九江市| 彩票| 乾安县| 磴口县| 英吉沙县| 江孜县| 余庆县| 普定县| 双柏县| 东海县| 阳曲县| 江华| 盱眙县| 新巴尔虎右旗| 虎林市| 额敏县| 金乡县| 南澳县| 皮山县| 福鼎市| 融水| 泸溪县| 本溪市| 沾化县| 宁陕县| 新竹县| 阿克陶县| 庆安县| 浮梁县| 铜山县| 安国市| 云龙县| 宁波市| 富宁县| 夏邑县| 墨玉县| 阿鲁科尔沁旗| 黎川县| 巴青县| 巴塘县|