用jquery封装验证手机号、邮箱等数据插件

2024-10-19

jquery数据验证插件

jquery数据验证插件(自制,简单,练手) 一:最近项目中js数据验证比较多,为了统一风格,移植复用,于是顺手封装了Jquery的插件. (function($) { var defaults = { bugColor: '#FFCCCC', //数据有误的时候文本框颜色 color: 'white', //数据正确时候文本框颜色 type: "alert", //数据错误时候提示方式 alert 弹出框方式 text 赋值span html msg: "Msg&quo

[Jquery] js验证手机号

function checkIdPhone(id,idErr){ var reg0=/^(13[0-9]|15[012356789]|18[01235,idErr6789]|14[57]|17[0])[0-9]{8}$/, linkphone =$("#"+id).val(); errorwrap=$("#"+id).next(); if(!(reg0.test(linkphone))){ $('#' +idErr).html('请输入正确的手机号码'); retu

JQuery使用正则表达式验证手机号，邮箱，身份证（含有港澳台），网址

自己对正则验证也没系统用过,这次自己做个demo,一下子把这些全都用上了,下次有需要直接来拿了. 以下代码是在页面使用JQuery进行验证的,也有在后台进行验证的,可以试试,都一样的原理. 直接上代码:注意:(有些验证规则当然不仅仅是本文的,也许还有其他更好的,可以留言交流) 手机号:(移动-电信-联通) var tel = $("#PhoneNumber").val();//获取输入的手机号 var yidongreg = /^(134[012345678]\d{7}|1[34578

1)jquery validate 远程验证remote,自定义验证 , 手机号验证 2)bootstrap validate 远程remote验证的方法.

1)jquery validate 远程验证remote,自定义验证 1-1: js <script src="YYFramework/Public/js/jquery-3.1.1.js"></script> <script src="YYFramework/Public/js/jquery.validate.min.js"></script> <script src="YYFramework/Pub

[前端] jquery验证手机号、身份证号、中文名称

验证: 中文姓名.手机号.身份证和地址 HTML(表单): <form action=""> <div class="form-group"> <label>姓名:</label> <input id="name" type="text"> </div> <div class="form-group"> <label&

jquery正则表达式验证（手机号、身份证号、中文名称）

这篇文章主要介绍了jquery正则表达式验证,实现手机号.身份证号.中文名称验证,感兴趣的小伙伴们可以参考一下本文实例需要验证的内容:中文姓名.手机号.身份证和地址,验证方法分享给大家供大家参考,具体内容如下 HTML(表单): <form action=""> <div class="form-group"> <label>姓名:</label> <input id="name" type

JS正则表达式验证手机号和邮箱

一.验证手机号 function isPoneAvailable(poneInput) { var myreg=/^[1][3,4,5,7,8][0-9]{9}$/; if (!myreg.test(poneInput)) { return false; } else { return true; } } 这里的重点是这个正则表达式: var myreg=/^[1][3,4,5,7,8][0-9]{9}$/; 这个表达式的意思是: 1--以1为开头: 2--第二位可为3,4,5,7,8,中的任意

[jquery]jquery正则表达式验证（手机号、身份证号、中文名称）

数字判断方法:isNaN()函数 test()方法判断字符串中是否匹配到正则表达式内容,返回的是boolean值 ( true / false ) // 验证中文名称 function isChinaName(name) { var pattern = /^[\u4E00-\u9FA5]{1,6}$/; return pattern.test(name); } // 验证手机号 function isPhoneNo(phone) { var pattern = /^1[34578]\d{9}$

原始js---JavaScript注册用正则验证用户名密码手机号邮箱验证码

注册文件 reg.html <html><style> #btn{ background-color: red; color:white; width: 235px; } span{ color: red; }</style><center> <form action="doreg.php" method="post" > <table> <tr> <td>用户名<

js表单简单验证（手机号邮箱）

1 <%@ page language="java" contentType="text/html; charset=UTF-8" 2 pageEncoding="UTF-8"%> 3 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"&g

jquery封装的方法

<!DOCTYPE html> <html lang="zh"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta http-equiv="X-UA-Compatible"

jQuery Validate验证框架与 jQuery ajaxSubmit的联合使用

jQuery Validate验证框架自定义验证第一步导入导入js库 <script src="<%=basePath%>static/js/jquery.js" type="text/javascript"></script><script src="<%=basePath%>static/js/jquery.validate.js" type="text/javascript&

第一百八十六节，jQuery，验证表单插件，Ajax 表单插件，验证和提交表单

jQuery,验证表单插件,Ajax 表单插件,验证和提交表单 HTML <form id="reg" method="post" action="yzh.php" title="会员注册"> <ol class="reg_error"></ol> <p> <label for="user">帐号:</label>

ASP.NET MVC的客户端验证：jQuery的验证

之前我们一直讨论的Model验证仅限于服务端验证,即在Web服务器根据相应的规则对请求数据实施验证.如果我们能够在客户端(浏览器)对用户输入的数据先进行验证,这样会减少针对服务器请求的频率,从而缓解Web服务器访问的压力.ASP.MVC 2.0及其之前的版本采用ASP.NET Ajax进行客户端验证,在ASP.NET MVC 3.0中,jQuery验证框架被引入是我们可以采用Unobtrusive JavaScript的方式进行客户端验证.[本文已经同步到<How ASP.NET MVC Wor

jQuery Validate验证框架详解

转自:http://www.cnblogs.com/linjiqin/p/3431835.html jQuery校验官网地址:http://bassistance.de/jquery-plugins/jquery-plugin-validation 一.导入js库 <script type="text/javascript" src="<%=path %>/validate/jquery-1.6.2.min.js"></script&g

jquery.validate 验证机制

jquery.validate 验证机制金刚 juqery juqery.validate 在开发系统时,使用了jquery.validate.js 这个验证插件,来校验数据合法性重点验证是以input的name值来验证的,不是通过id来验证的. 说明序号规则描述 1 required:true 必须输入的字段. 2 remote:"check.php" 使用 ajax 方法调用 check.php 验证输入值. 3 email:true 必须输入正确格式的电子邮件. 4

jQuery.validator 验证规则详解

前言:jQuery.validator是一款非常不错的表单验证插件,验证方式非常简单方便,它还对HTML5做了兼容处理,了解了验证规则,就基本掌握了它的使用,下面就让我一一道来 jQuery.validator 验证规则一.在元素的class属性中添加需要验证的规则,多个规则以空格隔开 <label>邮箱:</label> <input class="required email" type="text" name="ema

ajx技术解析以及模拟jQuery封装

1.后台处理程序 <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <% String username = request.getParameter("username"); String password = request.getParameter("password&q

jquery封装常用方法

ASP.NET MVC验证 - jQuery异步验证

本文主要体验通过jQuery异步验证. 在很多的教材和案例中,MVC验证都是通过提交表单进行的.通过提交表单,可以很容易获得验证出错信息.因为,无论是客户端验证还是服务端验证,总能找到与Model属性或验证特性对应的html元素和属性,并把错误信息显示出来.可是,在实际项目中,经常会遇到需要异步提交的情况.那么,如何把服务端的验证错误信息传递给前端视图呢? □ 思路 1.服务端的验证错误信息是可以收集起来的以json形式传递个视图的.2.服务端把错误信息存放在一个字典集合Dictionary<s

C#验证类可验证：邮箱,电话,手机,数字,英文,日期,身份证,邮编,网址,IP (转)

namespace YongFa365.Validator { using System; using System.Text.RegularExpressions; /**//// <summary> /// RegExp Soruce: http://regexlib.com/DisplayPatterns.aspx /// Author:柳永法 yongfa365 http://www.yongfa365.com/ yongfa365@qq.com /// Intro:验证网址,IP,

用jquery封装验证手机号、邮箱等数据插件

热门专题