`
uule
  • 浏览: 6349162 次
  • 性别: Icon_minigender_1
  • 来自: 一片神奇的土地
社区版块
存档分类
最新评论

Jquery中的验证jquery.validate.js

阅读更多

默认验证信息是英文,要改成中文,需引入如下js:jquery.validate.messages_cn.js

其中代码为(默认提示信息):

jQuery.extend(jQuery.validator.messages, {
        required: "必选字段",
		remote: "请修正该字段",
		email: "请输入正确格式的电子邮件",
		url: "请输入合法的网址",
		date: "请输入合法的日期",
		dateISO: "请输入合法的日期 (ISO).",
		number: "请输入合法的数字",
		digits: "只能输入整数",
		creditcard: "请输入合法的信用卡号",
		equalTo: "请再次输入相同的值",
		accept: "请输入拥有合法后缀名的字符串",
		maxlength: jQuery.format("请输入一个长度最多是 {0} 的字符串"),
		minlength: jQuery.format("请输入一个长度最少是 {0} 的字符串"),
		rangelength: jQuery.format("请输入一个长度介于 {0} 和 {1} 之间的字符串"),
		range: jQuery.format("请输入一个介于 {0} 和 {1} 之间的值"),
		max: jQuery.format("请输入一个最大为 {0} 的值"),
		min: jQuery.format("请输入一个最小为 {0} 的值")
});
 

共需引入下面3个:

<script src="js/jquery-1.3.1.js" type="text/javascript"></script>
<script src="js/jquery.validate.js" type="text/javascript"></script>
<script src="js/jquery.validate.messages_cn.js" type="text/javascript"</script>

 最常用的方法:

通过name字段来关联验证信息:

<form class="cmxform" id="commentForm" method="get" action="JsonTest.action">
 <fieldset>
   <legend>一个简单的验证带验证提示的评论例子</legend>
   <p>
     <label for="cusername">姓名</label>
     <em>*</em><input id="cusername" name="username" size="25" />
   </p>
   <p>
     <label for="cemail">电子邮件</label>
     <em>*</em><input id="cemail" name="email" size="25"  />
   </p>
   <p>
     <label for="curl">网址</label>
     <em>  </em><input id="curl" name="url" size="25"  value="" />
   </p>
   <p>
     <label for="ccomment">你的评论</label>
     <em>*</em><textarea id="ccomment" name="comment" cols="22"></textarea>
   </p>
   <p>
     <input class="submit" type="submit" value="提交"/>
   </p>
 </fieldset>
</form>

 jquery代码:

  $(document).ready(function(){ 
	$("#commentForm").validate({
		rules: {
			username: {
				required: true,
				minlength: 2
			},
			email: {
				required: true,
				email: true
			},
			url:"url",
			comment: "required"
		}
	  }); 
  });
  </script>

 1

 

分享到:
评论
1 楼 yulanlian 2012-08-06  
jquery实在是太强大了,必须的好好学习一下了!

相关推荐

    jquery.validate.min.js

    jquery.validate.min.js jquery jquery验证插件 validate

    jquery.validate.unobtrusive.js

    微软的jquery.validate.unobtrusive.js验证插件,可以用来验证单选和多选框的.

    js jquery-1.11.1.min.js jquery.validate.min.js

    在给定的标题中提到了两个关键的JavaScript库:`jquery-1.11.1.min.js` 和 `jquery.validate.min.js`。 1. **jQuery**: jQuery 是一个高效、简洁而易用的 JavaScript 库,它封装了HTML DOM操作、事件处理、动画...

    jquery.validate.js表单验证.pdf

    从给定的文件信息来看,文件主要介绍了jquery.validate.js的表单验证功能。jquery.validate.js是一个强大的jQuery插件,可以帮助开发者快速实现表单验证。以下是该文件中提及的关键知识点: 1. jquery.validate.js...

    jQuery验证控件jquery.validate.js使用说明+中文API

    jQuery 验证控件 jquery.validate.js 是一个功能强大且广泛使用的 JavaScript 验证插件,旨在帮助开发者快速实现表单验证功能。下面是 jquery.validate.js 的使用说明和中文 API。 导入 jQuery 库和 jquery....

    jquery.validate.min.js 1.16.0

    jquery.validate.min.js 1.16.0插件,jquery验证

    jquery.validate.unobtrusive.min.js

    jquery.validate.unobtrusive.min.js 文件很小,加载速度快 jQuery验证控件

    jQuery.validate.js

    要使用jQuery.validate.js,首先需要在页面中引入jQuery库和validate插件的JavaScript文件。例如,这里我们使用了名为"jQuery.validate.js_veryhuo.com"的压缩包文件。在HTML文件中,通常会在`&lt;head&gt;`标签内添加如下...

    jquery.validate-1.13.1.js

    jquery.validate插件为表单提供了强大的验证功能,让客户端表单验证变得更简单,同时提供了大量的定制选项,满足应用程序各种需求。该插件捆绑了一套有用的验证方法,包括 URL 和电子邮件验证,同时提供了一个用来...

    jquery表单验证框架:jquery.validate.zip

    jQuery是一个广泛使用的JavaScript库,而jQuery.validate则是jQuery的一个强大插件,专门用于实现客户端的表单验证。本篇文章将详细介绍jQuery.validate框架及其核心功能。 一、jQuery.validate简介 jQuery....

    jquery.validate.js表单验证

    jQuery验证控件jquery.validate.js使用说明+中文API 官网地址:http://bassistance.de/jquery-plugins/jquery-plugin-validation

    很强大jquery表单验证插件jquery.validate.js api.pdf

    在提供的应用实例中,`regist.js`文件展示了如何使用`jQuery Validate`进行表单验证。`init`函数初始化验证,`addnotice`函数处理提示文本的显示和隐藏,`cleannotice`函数清空提示文本,`unchange`函数针对选择框...

    jQuery验证控件jquery.validate.js使用说明+中文API.doc

    jQuery.validate.js是一个非常流行的JavaScript库,它为jQuery提供了一个强大的表单验证功能。这个插件使得在网页上创建用户输入验证变得简单而直观,能够帮助开发者确保用户提交的数据符合预设的规则,从而提高用户...

    jquery.metadata.js和jquery.validate.js

    在本主题中,我们重点关注两个与jQuery相关的插件:`jquery.metadata.js`和`jquery.validate.js`,它们对于创建高效、用户友好的表单验证至关重要,特别是在注册和登录等关键界面。 `jquery.metadata.js`是jQuery的...

Global site tag (gtag.js) - Google Analytics