存档

文章标签 ‘jQuery’

jQuery Validation ajax使用

2012年1月2日 ken 没有评论

jQuery插件很多,其中一个重要的插件便是jQuery Validation,它的作用是对表单进行验证,还上了jQuery官网。

在表单验证时,会需要发一个AJAX请求去服务器上进行判断,例如在用户注册时检查用户名是否存在。jQuery Validation插件提供了一种remote方式来实现这一点。例如我可以这样验证表单:

<form id="regForm">
    <input type="text" name="userName" />
</form>

<script language="javascript">
    $('#regForm').validate({
        'rules': {
            'userName': {
                'required': true,
                'remote': '/account/verify'
            }});
</script>

这样,jQuery Validation便会请求“/account/verify?userName=jeffz”这样的URL来获取true/false

分类: jQuery 标签: ,

jQuery表单校验方法

2012年1月2日 ken 没有评论

一导入js

<script src=”../js/jquery.js” type=”text/javascript”></script>
<script src=”../js/jquery.validate.js” type=”text/javascript”></script>

二、默认校验规则

(1)required:true 必输字段
(2)remote:”check.php”
使用ajax方法调用check.php验证输入值
(3)email:true
必须输入正确格式的电子邮件
(4)url:true
必须输入正确格式的网址
(5)date:true
必须输入正确格式的日期 日期校验ie6出错,慎用
(6)dateISO:true
必须输入正确格式的日期(ISO),例如:2009-06-231998/01/22 只验证格式,不验证有效性
(7)number:true
必须输入合法的数字(负数,小数)
(8)digits:true
必须输入整数
(9)creditcard:
必须输入合法的信用卡号
(10)equalTo:”#field”
输入值必须和#field相同
(11)accept:
输入拥有合法后缀名的字符串(上传文件的后缀)
(12)maxlength:5
输入长度最多是5的字符串(汉字算一个字符)
(13)minlength:10
输入长度最小是10的字符串(汉字算一个字符)
(14)rangelength:[5,10]
输入长度必须介于 5 和 10 之间的字符串“)(汉字算一个字符)
(15)range:[5,10]
输入值必须介于 5 和 10 之间
(16)max:5
输入值不能大于5
(17)min:10
输入值不能小于10

阅读全文…

分类: jQuery 标签: ,

[转载]jquery.validate.js的基本用法入门

2011年12月30日 ken 没有评论

jquery.validate.js是jquery下的一个验证插件,功能比较强大,早就有所耳闻但是一只没有动手用过,现在在于能够研究一下了。

这里转载一篇前辈写的文章,在我自己的理解上修改了一下,仅作记录。

先贴一个国内某大公司的代码: 阅读全文…

分类: jQuery 标签: ,

使用 jQuery 简化 Ajax 开发

2011年1月11日 ken 5 条评论

jQuery 由 John Resig 创建于 2006 年初,对于任何使用 JavaScript 代码的程序员来说,它是一个非常有用的 JavaScript 库。无论您是刚刚接触 JavaScript 语言,并且希望获得一个能解决文档对象模型(Document Object Model,DOM)脚本和 Ajax 开发中一些复杂问题的库,还是作为一个厌倦了 DOM 脚本和 Ajax 开发中无聊的重复工作的资深 JavaScript 专家,jQuery 都会是您的首选。

jQuery 能帮助您保证代码简洁易读。您再也不必编写大堆重复的循环代码和 DOM 脚本库调用了。使用 jQuery,您可以把握问题的要点,并使用尽可能最少的代码实现您想要的功能。

毫无疑问,jQuery 的原理是独一无二的:它的目的就是保证代码简洁并可重用。当您理解并体会这一原理后,便可以开始学习本教程了,看看 jQuery 对我们的编程方式有多少改进吧。

一些简单的代码简化

下面是一个简单示例,它说明了 jQuery 对代码的影响。要执行一些真正简单和常见的任务,比方说为页面的某一区域中的每个链接附加一个单击(click)事件,您可以使用纯 JavaScript 代码和 DOM 脚本来实现,如 清 单 1 所示。 阅读全文…