如下所示： 代码如下:var aCity={11:"北京",12:"天津",13:"河北",14:"山西",15:"内蒙古", 21:"辽宁",22:"吉林",23:"黑龙江",31:"上海",32:"江苏",33:"浙江", 34:"安徽",35:"福建",36:"江西",37:"山东",41:"河南",42:"湖北", 43:"湖南",44:"广东",45:"广西",46:"海南",50:"重庆",51:"四川" ,52:"贵州",53:"云南",54:"西藏",61:"陕西",62:"甘肃",63:"青海", 64:"宁夏",65:"新疆",71:"台湾",81:"香港",82:"澳门",91:"国外"} ...
(1)required:true 必输字段(2)remote:"check.php" 使用ajax方法调用check.php验证输入值(3)email:true 必须输入正确格式的电子邮件(4)url:true 必须输入正确格式的网址(5)date:true 必须输入正确格式的日期(6)dateISO:true 必须输入正确格式的日期(ISO)，例如：2009-06-23，1998/01/22 只验证格式，不验证有效性(7)number:true 必须输入合法的数字(负数，小数)(8)digits:true 必须输入整数(9)creditcard: 必须输入合法的信用卡号(1...
代码如下:<html> <head> <meta charset="utf-8"/> <script type="text/javascript" src="../script/jquery-1.4.2.min.js"></script> <script> $(function(){ $(":input.required").each(function(){ var $required = $("<strong>*</strong>"); $(this).parent().append($required); }); $(":input.required").blur(function(){ //判断一下鼠标离开谁了 if($(this).is("#username")){ $(".formtip").remove(); //按照用户名的规则去...
1.首先在项目中添加必备js与css 2.代码中添加引用（必备引用） 代码如下:<script src="Scripts/jquery-1.4.1.min.js" type="text/javascript"></script> <!--jquery必须库--> <script src="formValidator1/formValidator-4.0.1.min.js" type="text/javascript"></script> <!--表单验证必须库--> <script src="formValidator1/formValidatorRegex.js" type="text/javascript"></script> <!--表单验证扩展库--> <link href="formV...
先下页面代码： 代码如下:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title></title> <script type="text/javascript" src="Scripts/jquery-1.8.0.min.js"></script> <script type="text/javascript" src="Scripts/jquery.formCheck.js"></script> <script type="text/javascript"> $(do...
1. 页面效果，自动提示验证信息... 2. 页面代码 代码如下:<html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>表单验证页面</title> <link href="../Scripts/themes/default/easyui.css" rel="stylesheet" type="text/css" /> <script src="../Scripts/jquery-1.4.1.min.js" type="text/javascript"></script> <script src="../Scripts/jquery.easyui.min.js" type="text/javascript"></script> <script src="../Scripts...
枚举对象的使用： 代码如下://各种验证方式支持的标签类型 sustainType: function (elem, setting) { var srcTag = elem.tagName; var stype = elem.type; switch (setting.validatetype) { case _validTypeEnum.InitValidator: return true; case _validTypeEnum.InputValidator: if (srcTag == _validTagEnum.INPUT || srcTag == _validTagEnum.TEXTAREA || srcTag == _validTagEnum.SELECT) { return true; } else { return fa...
很显然，这样做能提升更好的用户体验。 html代码： 代码如下:<form method="post" action=""> <div class="int"> <label for="username">用户名:</label> <input type="text" id="username" class="required"/> </div></form> jquery代码： 代码如下:<script type="text/javascript"> $(function(){ $(form :input).blur(function(){ var $parent=$(this).parent(); $parent.find(".formtips").remove(); if($(this).is(#userna...
一.摘要 本系列文章将带您进入jQuery的精彩世界, 其中有很多作者具体的使用经验和解决方案, 即使你会使用jQuery也能在阅读中发现些许秘籍. 本文是介绍两个最常用的jQuery插件. 分别用于表单验证和自动完成提示(类似google suggest). 二.前言 研究别人的作品真是一件花时间而且痛苦的过程. 当然也和本人英文不好有关. 总觉得控件作者写了很多文档但是都不够系统, 需要深入研究很多的实例后才能了解作者的思路.所以学习和研究一个插...
Jquery练习表单验证 代码如下:<body> <form action="" method="post" id ="myform"> <table> <tr> <td>姓名：</td> <td><input type ="text" id = "name" name ="name"></td> </tr> <tr> <td>年龄:</td> <td><input type ="text" id="age" name ="age"></td> </tr> <tr> <td>性别:</td> <td><input type = "radio" id="sex_man" name="sex" value="男">男 <input type = "radio" id="sex_woman" name="sex" value = "女" checked ...
在看这篇文章之前， 可以看看前两篇文章，表单验证输入范围验证是在原有的基础上改写的。 (一). 输入范围验证存在问题 在第二篇上提到的问题，在原有的验证中也存在相同的问题。当然在这次改写中也解决了一些这些问题。同时也添加了对radio，checkbox，select 元素的验证。当然对于时间的验证仍没有解决，后续过程中会继续补充！ (二). 验证参数的设计 onEmptyText: 当输入内容为空的时候显示文本 onEmptyClass: 当输入内容为空的时...
周末写的 jQuery 表单验证扩展(三) 这篇文章点击率过低，不知道是文章太失水准还是什么其他原因，这里写文章只是为了分享一下自己写代码的心得，同时也是巩固自己所学的东西!如果文章中存在问题，请大家多多斧正！本篇文章介绍jQuery 表单验证扩展中的控件值的比较 (一). 存在的问题 这篇文章和第一篇中提到的控件值之间的比较没有多大的区别，唯一更近的就是在样式的处理。同时就是对代码进行了简化。但是这里还是单独拿出来讲解一...
再次申明，插件问题比较多，后期一个个来解决，请不要恶言相向。希望各位多多提好的建议善言。 一. 分析表单验证的基本情况 在我们做web开发的过程中，会遇到各种各样的验证。归纳一下基本可以分为一下几类: (1). 是否必填项 [这个是非常基本的] (2). 输入参数中的范围校验 (3). 输入参数与另外一个控件值的比较 (4). 输入的参数正则表达式验证 二. 是否必填项验证 有如下几种情况: （1） 输入框获得焦点提示 （2）输入框失去焦点验...
一. 存在的问题 在上篇中我已经提到过，验证提示打算用文本和样式两种方式来显示提示消息，这两种提示都只能单独使用，于是新的跟新内容做了一些扩展，使得两者可以共用。前一篇写的是否必填项这个验证只是正对 Text， TextArea 这两个表单元素，在新的扩展中同时也支持了radio，checkbox 两个元素。 二. 验证参数的设计 基于多重选择的考虑，扩展了一些有必要的参数，参数列表如下： required: 是否为必填项，true 和 false ，tru...
这里转载一篇前辈写的文章，在我自己的理解上修改了一下，仅作记录。 先贴一个国内某大公司的代码： 代码如下:<script type="text/javascript"> function lang(key) { mylang = { ls_input_myb: 请输入您的账户, ls_myb_email: 漫游币账户为邮箱地址, ls_login_password: 请输入您的登录密码, ls_password_length: 密码长度为{0}-{1}位之间, ls_input_captcha: 请输入验证码, ls_captcha_length: 验证码的长度为{0}位, ls_account...