JQuery validate插件Remote用法大全
2016-05-15 09:14
826 查看
jquery.validate是jquery旗下的一个验证框架,借助jquery的优势,我们可以迅速验证一些常见的输入,还可以自己扩充自己的验证方法,并且对国际化也有很好的支
JQuery.validate.js 在表单验证中经常使用,初学,对于其中Remote的使用说明一下.
. 基本解释
JQuery主要用于DOM树和CSS树的检索和后面的操作的一套方法,JQuery.validate.js是对JQuery的一个插件,可以认为是对JQuery在某个特殊场景下的扩展,而Validate就是对表单验证提供的扩展。
. 场景解释
用户进行注册用户的时候,要异步的判断用户名是否存在,给出提示信息。
. 通过案例学习
Html和JavaScript结合的脚本.
<!DOCTYPE html PUBLIC "-//WC//DTD XHTML . Transitional//EN" "http://www.w.org/TR/xhtml/DTD/xhtml-transitional.dtd"> <html xmlns="http://www.w.org//xhtml"> <head> <script src="../includes/libraries/javascript/jquery.js" type="text/javascript" charset="utf-" ></script> <script src="../includes/libraries/javascript/jquery.plugins/jquery.validate.js" type="text/javascript" charset="utf-"></script> <script type="text/javascript"> $().ready(function() { $("#signupForm").validate({ debug: false, onkeyup:false, /*忽略某些元素不做验证*/ //ignore: ".ignore", /* 更改错误信息显示的位置 Default: errorPlacement: function(error, element) { error.appendTo(element.parent()); } error.appendTo(element.parent()); */ /* submitHandle: function(form){ alert("submited!"); form.submit();}, */ rules: { /* firstname: { required: function(){ return true;}}, */ firstname: { required: true, remote: { url: "Learn.php", type: "post", //DataType: "json", data: { firstname: function(){ return $("#firstname").val(); } }}}, phonenum: { required: true, digits: true, rangelength: [,]}, email: { required: true, email: true}, password: { required: true, minlength: }, confirm_password: { required: true, minlength: , equalTo: "#password"} }, messages: { firstname: { required: "请输入姓名", remote: "请输入姓名,remote"}, phonenum: { required: "请输入手机号", digits: "存在字符,非法手机号", rangelength: "手机号位数不对"}, email: { required: "请输入Email地址", email: "请输入正确的email地址"}, password: { required: "请输入密码", minlength: jQuery.format("密码不能小于{}个字 符")}, confirm_password: { required: "请输入确认密码", minlength: "确认密码不能小于个字符", equalTo: "两次输入密码不一致不一致"} }, submitHandler: function(form){ alert("验证通过");} }); }); </script> </head> <body> <form id="signupForm" method="post" action=""> <p> <label for="firstname">姓氏</label> <input id="firstname" name="firstname" /> </p> <p> <label for="phonenum">手机</label> <input id="phonenum" name="phonenum" /> </p> <p> <label for="email">邮件</label> <input id="email" name="email" /> </p> <p> <label for="password">密码</label> <input id="password" name="password" type="password" /> </p> <p> <label for="confirm_password">确认密码</label> <input id="confirm_password" name="confirm_password" type="password" /> </p> <p> <input class="submit" type="submit" value="提交"/> </p> </form> </body> </html>
后台PHP代码 BaseFunction.php
<?php function WriteLog($msg) { $filename = dirname(__FILE__) ."\\Debug.log"; $handler = null; if (($handler = fopen($filename, 'ab+')) !== false) { fwrite($handler, "\n".'['.date('Y-m-d H:i:s').']'."\t".$msg); fclose($handler); } } function CheckUser($UserName) { if( $_REQUEST[$UserName] == 'php' ){ exit("false"); } else{ exit("true"); } } ?>
后台PHP代码 Learn.php
<?php require("BaseFunction.php"); CheckUser('firstname'); ?>
以上所述是小编给大家介绍的JQuery validate插件Remote用法大全的相关知识,希望对大家以上帮助!
您可能感兴趣的文章:
- jQuery Validate表单验证插件 添加class属性形式的校验
- jQuery easyui的validatebox校验规则扩展及easyui校验框validatebox用法
- jquery.validate 自定义验证方法及validate相关参数
- jQuery插件Validate实现自定义校验结果样式
- jquery.validate提示错误信息位置方法
- jQuery validate插件submitHandler提交导致死循环解决方法
- jquery.validate使用时遇到的问题
- jquery表单验证插件(jquery.validate.js)的3种使用方式
- 基于Bootstrap+jQuery.validate实现Form表单验证
- jQuery验证插件 Validate详解
- 使用jquery.validate自定义方法实现"手机号码或者固话至少填写一个"的逻辑验证
- Jquery validation remote 验证的缓存问题解决方法
- JQuery的Validation插件中Remote验证的中文问题
- jQuery Validation插件remote验证方式的Bug解决
相关文章推荐
- JQuery1——基础($对象,选择器,对象转换)
- JavaScript演示排序算法
- 2015-2016网页设计趋势分析 Web Design of Trends
- jQuery Ajax 跨域调用
- 移动端的长按事件
- jquery教程靠边站,一分钱不花让你免费学会jquery
- JQuery+Strusts1.x无刷新登录
- $.ajax()方法详解
- jQuery ajax - ajax() 方法
- JavaScript 各种遍历方式详解
- 数组方法汇总
- jQuery Html控件基本操作(日常收集整理)
- jQuery插件实现文字无缝向上滚动效果代码
- jQuery菜单插件用法实例
- JQuery 初体验(建议学习jquery)
- 基于Jquery和CSS3制作数字时钟附源码下载(CSS3篇)
- Jquery实现的table最后一行添加样式的代码
- jQuery实现向下滑出的平滑下拉菜单效果
- jQuery 练习[一] 学习jquery的准备工作
- jquery获得页面元素的坐标值实现思路及代码