`

自己写的简单表单验证

阅读更多
(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); 
0
1
分享到:
评论

相关推荐

    简单的表单验证

    "简单的表单验证"这个主题,通常涉及到JavaScript(JS)这一前端脚本语言,用于实现客户端的验证功能。在不依赖服务器的情况下,JavaScript可以在用户提交表单前实时检查输入内容,提升用户体验并减轻服务器负担。 ...

    表单验证控件 简单

    使用简单,功能强大的表单验证插件。 1、验证插件支持正则表达式验证,函数验证,ajax异步验证,支持对比验证,并支持对表单的自定义属性或指定属性进行验证,应该足矣满足常用软件及网站开发需求。(可根据自己需求...

    简单实用表单验证实例

    通过学习和理解这个"简单实用表单验证实例",开发者可以掌握表单验证的基本原理,为自己的项目构建安全、用户友好的表单。实例中的代码应该包含了上述所有关键点的演示,可以帮助初学者快速上手,并在未来的设计中...

    自己写的超级无敌表单验证,错过后悔

    本项目名为“自己写的超级无敌表单验证”,其核心亮点在于自定义属性的设计,让开发者无需为每一个输入框编写单独的验证代码,大大提升了开发效率和代码的可维护性。 首先,我们来深入理解表单验证的基本概念。表单...

    表单验证jquery插件

    jQuery Validation Engine 是一个功能强大的表单验证插件,以其简单易用和丰富的自定义选项而受到开发者的青睐。 ## 1. jQuery Validation Engine 插件简介 jQuery Validation Engine 是一款基于 jQuery 库的验证...

    ajax表单验证简单实现jquery版

    本文将深入探讨如何使用jQuery库来实现一个简单的Ajax表单验证。jQuery是一个轻量级、功能丰富的JavaScript库,它简化了DOM操作、事件处理以及Ajax交互。 首先,我们需要理解Ajax的核心概念。Ajax允许我们在后台与...

    html、js简单表单验证

    "html、js简单表单验证"这个主题涉及到的是使用HTML5的内置验证机制以及JavaScript进行客户端的表单验证。下面将详细讲解这两个方面的知识。 首先,HTML5提供了一些内置的表单验证属性,比如`required`、`pattern`...

    jquery表单验证插件

    ### jQuery表单验证插件详解 #### 一、概述 jQuery表单验证插件是一种用于简化Web表单处理过程的强大工具。它不仅能够帮助开发者轻松地实现表单数据的Ajax提交,还支持文件上传等功能,极大地提升了用户体验并降低...

    js表单验证实例,HTML文件,javascript常用表单验证

    js表单验证实例,HTML文件,javascript常用表单验证: 账号、密码、身份证等

    js表单验证(简单)

    本教程将聚焦于JavaScript的简单表单验证方法。 一、表单验证的重要性 表单验证可以预防无效数据的提交,减少服务器的负担,提升用户体验。例如,要求用户必须填写电子邮件地址,确保格式正确;或者要求密码强度,...

    简单实用的Bootstrap3表单验证插件

    通过以上知识点,你可以创建一个简单实用的 Bootstrap3 表单验证插件,使你的表单不仅看起来专业,而且在功能上也能满足用户需求,提供良好的交互体验。在实际应用中,根据具体项目的需求,你可能还需要进行一些定制...

    最简单的表单验证框架发布

    标题“最简单的表单验证框架发布”提示我们讨论的主题是一个用于验证HTML表单的轻量级框架。在网页开发中,表单验证是确保用户输入数据有效性和安全性的关键步骤。这个框架可能简化了常见的验证规则,使得开发者可以...

    简单且强大的js表单验证框架

    **标题解析:** "简单且强大的js表单验证框架" 这个标题表明我们要讨论的是一种JavaScript(js)实现的轻量级表单验证工具。它强调了易用性和功能的强大性,暗示这个框架可能提供了丰富的验证规则和灵活的自定义选项...

    jq表单验证大全.rar jq表单验证大全.rar

    《jq表单验证大全》是针对使用jQuery库进行前端表单验证的一份综合资源集合,主要涵盖各种常见的表单验证场景和解决方案。jQuery,作为一款轻量级的JavaScript库,因其简洁的API和强大的功能而广受欢迎,尤其在处理...

    简单js表单验证大全

    以上都是简单的JavaScript表单验证实例,它们可以单独使用,也可以结合到更复杂的表单验证系统中。在实际开发中,通常会使用更高级的库如jQuery或现代框架如React、Vue等,结合表单验证库(如Formik、Vuelidate等)...

    Ajax表单验证,ajax的简单运用

    首先,我们需要了解在JavaScript中如何设置全局变量来控制表单验证的状态。例如,`nameFLG` 和 `emailFLG` 是两个全局布尔变量,分别用于记录用户名和电子邮件的验证结果。在表单验证中,通常会监听表单元素的事件,...

    form_php简单表单验证页面_

    本项目名为“form_php简单表单验证页面”,显然它是一个面向初学者的实例,旨在教授如何使用PHP进行基本的表单数据验证。 在Web应用中,表单验证是必不可少的一环,它用于确保用户提交的数据符合预期的格式和规则,...

    jQuery表单验证大全

    jQuery,作为一款广泛使用的JavaScript库,提供了强大的表单验证插件——jQuery Validate,使得表单验证变得简单易行。本文将深入探讨jQuery表单验证的相关知识点,帮助开发者更好地理解和应用这一功能。 1. **...

    非常强大的JQ表单验证

    2. **自定义规则**:如果内置的验证规则无法满足需求,JQ表单验证允许开发者定义自己的验证方法。这通过使用`.addMethod()`函数来实现,该函数接受三个参数:方法名、验证函数和错误消息。 3. **错误提示**:当表单...

Global site tag (gtag.js) - Google Analytics