JQuery의 사용자 정의 양식 유효성 검사 사용 방법
다음은 사용자 정의 검증의 기본 형식에 대해 말씀드리겠습니다.
<script type="text/javascript">
jQuery.validator.addMethod("regex", //addMethod 1 :
function(value, element, params) { //addMethod 2 : , ( , , )
var exp = new RegExp(params); // ,
return exp.test(value); //
},
" "); //addMethod 3 :
$(function() {
$("#signupForm").validate(
{
rules: {
txtPassword1: "required", // 1
txtPassword2: { // 2 1
required: true, // ,
equalTo: "#txtPassword1", // 1
rangelength: [5, 10], // 5-10
regex: "^\\w+$" // ,
},
txtEmail: "email" //
},
messages: {
txtPassword1: " ",
txtPassword2: {
required: " ",
equalTo: " ",
rangelength: " {0} {1} ",
regex: " 、 "
}
},
debug: false, // true
submitHandler: function() {
alert(" ");
}
});
});
</script>
다음은 사용자 정의 검증을 정리하는 방법입니다.
//
jQuery.validator.addMethod("mobile", function(value, element) {
var length = value.length;
var mobile = /^(((13[0-9]{1})|(15[0-9]{1}))+\d{8})$/
return this.optional(element) || (length == 11 && mobile.test(value));
}, " ");
//
jQuery.validator.addMethod("phone", function(value, element) {
var tel = /^(0[0-9]{2,3}\-)?([2-9][0-9]{6,7})+(\-[0-9]{1,4})?$/;
return this.optional(element) || (tel.test(value));
}, " ");
//
jQuery.validator.addMethod("zipCode", function(value, element) {
var tel = /^[0-9]{6}$/;
return this.optional(element) || (tel.test(value));
}, " ");
// QQ
jQuery.validator.addMethod("qq", function(value, element) {
var tel = /^[1-9]\d{4,9}$/;
return this.optional(element) || (tel.test(value));
}, "qq ");
// IP
jQuery.validator.addMethod("ip", function(value, element) {
var ip = /^(?:(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)\.){3}(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)$/;
return this.optional(element) || (ip.test(value) && (RegExp.$1 < 256 && RegExp.$2 < 256 && RegExp.$3 < 256 && RegExp.$4 < 256));
}, "Ip ");
//
jQuery.validator.addMethod("chrnum", function(value, element) {
var chrnum = /^([a-zA-Z0-9]+)$/;
return this.optional(element) || (chrnum.test(value));
}, " ( A-Z, a-z, 0-9)");
//
jQuery.validator.addMethod("chinese", function(value, element) {
var chinese = /^[\u4e00-\u9fa5]+$/;
return this.optional(element) || (chinese.test(value));
}, " ");
//
$.validator.addMethod("selectNone", function(value, element) {
return value == " ";
}, " ");
//
jQuery.validator.addMethod("byteRangeLength", function(value, element, param) {
var length = value.length;
for (var i = 0; i < value.length; i++) {
if (value.charCodeAt(i) > 127) {
length++;
}
}
return this.optional(element) || (length >= param[0] && length <= param[1]);
}, $.validator.format(" {0}-{1} ( 2 )"));
모두가 함께 공부할 수 있도록 제공하다.
전재자: http://blog.csdn.net/chenxuejiakaren/article/details/7498123
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
다른 사람의 웹사이트 편집: contenteditable 및 designMode그래도 우리가 그렇게 할 수 있다고 생각하는 것은 멋진 일입니다. 제가 강조하고 싶었던 일종의 관련 API가 실제로 몇 개 있기 때문에 오늘 그것을 가져왔습니다. contenteditable는 "true" 값이 할당...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.