自己写的简单表单验证

最新推荐文章于 2022-08-02 14:10:08 发布

taojiaqi123

最新推荐文章于 2022-08-02 14:10:08 发布

阅读量172

点赞数

分类专栏： jquery插件文章标签：表单验证

jquery插件专栏收录该内容

1 篇文章

订阅专栏

本文介绍了一个基于jQuery的自定义表单验证插件，包括空值检查、长度限制、数字验证、电话号码格式验证、身份证号验证及车牌号验证等功能。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

(function($) {  
	$.fn.extend({
		/**
		 * 验证id为inputId的控件值是不是为空
		 */
	isEmpty :function(myThis) { 
	    if( $(myThis).val().length ==0)
	    	{
	    	   alert("不能为空");
	    	   $(myThis).focus();
	    	   return false;
	    	}
	    return true;
	},
	/**
	 * 验证id为inputId的控件的最小与最大长度
	 * 
	 */
	isLength :function(myThis,minLength,maxLength) { 
		if($(myThis).val().length == 0) return ;
	   if( $(myThis).val().length < minLength){
	    	alert("最短为6个字符");
	    	$(myThis).focus();
	    	return false;
	    }
	    else if( $(myThis).val().length > maxLength){
	    	alert("最大不能超过12个字符");
	    	$(myThis).focus();
	    	return false;
	    }
	   return true;
	},
	/**
	 * 验证输入的值是不是数字
	 */
   isNumber : function(myThis){
		if(isNaN($(myThis).val()))
			{
			   alert("请输入数字");
			   return false;
			}
		return true;
   },
	/**
	 * 是否是电话号码
	 */
	isPhoneNumber : function(myThis){
		var regEx = /(^(\d{11})$)|(^(\d{6,8})$)|(^((\d{4}|\d{3})-(\d{6,8}))$)|(^((\d{4}|\d{3})-(\d{6,8})-(\d{4}|\d{3}|\d{2}|\d{1}))$)|(^((\d{6,8})-(\d{4}|\d{3}|\d{2}|\d{1}))$)/;
		 if(regEx.test($(myThis).val()))
			 {
			 alert("格式正确");
			 }
		 else {
			 alert("请输入正确的电话号码");
		 }
	},
	isIdCardNo : function(myThis){
        num = $(myThis).val().toUpperCase();  
		var regEx = /(^\d{15}$)|(^\d{17}([0-9]|X)$)/;
         if (!(regEx.test(num)))   

         { 

              alert('输入的身份证号长度不对，或者号码不符合规定！\n15位号码应全为数字，18位号码末位可以为数字或X。'); 

             return false; 

        } 
         return true;
	},
  isCarNo : function(myThis){
	  var regEx=/^[\u4e00-\u9fa5]{1}[a-zA-Z]{1}[a-zA-Z_0-9]{4}[a-zA-Z_0-9_\u4e00-\u9fa5]$/;
	  if(!regEx.test($(myThis).val())){
		  alert("输入的车牌号错误，请确认后再输入");
	  }
  }


}
);
})(jQuery);