(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);
分享到:
相关推荐
"简单的表单验证"这个主题,通常涉及到JavaScript(JS)这一前端脚本语言,用于实现客户端的验证功能。在不依赖服务器的情况下,JavaScript可以在用户提交表单前实时检查输入内容,提升用户体验并减轻服务器负担。 ...
使用简单,功能强大的表单验证插件。 1、验证插件支持正则表达式验证,函数验证,ajax异步验证,支持对比验证,并支持对表单的自定义属性或指定属性进行验证,应该足矣满足常用软件及网站开发需求。(可根据自己需求...
通过学习和理解这个"简单实用表单验证实例",开发者可以掌握表单验证的基本原理,为自己的项目构建安全、用户友好的表单。实例中的代码应该包含了上述所有关键点的演示,可以帮助初学者快速上手,并在未来的设计中...
本项目名为“自己写的超级无敌表单验证”,其核心亮点在于自定义属性的设计,让开发者无需为每一个输入框编写单独的验证代码,大大提升了开发效率和代码的可维护性。 首先,我们来深入理解表单验证的基本概念。表单...
jQuery Validation Engine 是一个功能强大的表单验证插件,以其简单易用和丰富的自定义选项而受到开发者的青睐。 ## 1. jQuery Validation Engine 插件简介 jQuery Validation Engine 是一款基于 jQuery 库的验证...
本文将深入探讨如何使用jQuery库来实现一个简单的Ajax表单验证。jQuery是一个轻量级、功能丰富的JavaScript库,它简化了DOM操作、事件处理以及Ajax交互。 首先,我们需要理解Ajax的核心概念。Ajax允许我们在后台与...
"html、js简单表单验证"这个主题涉及到的是使用HTML5的内置验证机制以及JavaScript进行客户端的表单验证。下面将详细讲解这两个方面的知识。 首先,HTML5提供了一些内置的表单验证属性,比如`required`、`pattern`...
### jQuery表单验证插件详解 #### 一、概述 jQuery表单验证插件是一种用于简化Web表单处理过程的强大工具。它不仅能够帮助开发者轻松地实现表单数据的Ajax提交,还支持文件上传等功能,极大地提升了用户体验并降低...
js表单验证实例,HTML文件,javascript常用表单验证: 账号、密码、身份证等
本教程将聚焦于JavaScript的简单表单验证方法。 一、表单验证的重要性 表单验证可以预防无效数据的提交,减少服务器的负担,提升用户体验。例如,要求用户必须填写电子邮件地址,确保格式正确;或者要求密码强度,...
通过以上知识点,你可以创建一个简单实用的 Bootstrap3 表单验证插件,使你的表单不仅看起来专业,而且在功能上也能满足用户需求,提供良好的交互体验。在实际应用中,根据具体项目的需求,你可能还需要进行一些定制...
标题“最简单的表单验证框架发布”提示我们讨论的主题是一个用于验证HTML表单的轻量级框架。在网页开发中,表单验证是确保用户输入数据有效性和安全性的关键步骤。这个框架可能简化了常见的验证规则,使得开发者可以...
**标题解析:** "简单且强大的js表单验证框架" 这个标题表明我们要讨论的是一种JavaScript(js)实现的轻量级表单验证工具。它强调了易用性和功能的强大性,暗示这个框架可能提供了丰富的验证规则和灵活的自定义选项...
《jq表单验证大全》是针对使用jQuery库进行前端表单验证的一份综合资源集合,主要涵盖各种常见的表单验证场景和解决方案。jQuery,作为一款轻量级的JavaScript库,因其简洁的API和强大的功能而广受欢迎,尤其在处理...
以上都是简单的JavaScript表单验证实例,它们可以单独使用,也可以结合到更复杂的表单验证系统中。在实际开发中,通常会使用更高级的库如jQuery或现代框架如React、Vue等,结合表单验证库(如Formik、Vuelidate等)...
首先,我们需要了解在JavaScript中如何设置全局变量来控制表单验证的状态。例如,`nameFLG` 和 `emailFLG` 是两个全局布尔变量,分别用于记录用户名和电子邮件的验证结果。在表单验证中,通常会监听表单元素的事件,...
本项目名为“form_php简单表单验证页面”,显然它是一个面向初学者的实例,旨在教授如何使用PHP进行基本的表单数据验证。 在Web应用中,表单验证是必不可少的一环,它用于确保用户提交的数据符合预期的格式和规则,...
jQuery,作为一款广泛使用的JavaScript库,提供了强大的表单验证插件——jQuery Validate,使得表单验证变得简单易行。本文将深入探讨jQuery表单验证的相关知识点,帮助开发者更好地理解和应用这一功能。 1. **...
2. **自定义规则**:如果内置的验证规则无法满足需求,JQ表单验证允许开发者定义自己的验证方法。这通过使用`.addMethod()`函数来实现,该函数接受三个参数:方法名、验证函数和错误消息。 3. **错误提示**:当表单...