jQuery Validate 插件验证,,返回不同信息(json remote)自定义
问题
申请账号需要确认该账号是存在
解题思路:输入的登陆信息远程验证是否该账号已存在,并提示相对应的信息
No1.jquery.validate remote的用法 异步处理
常用
例子
$(document).ready(function() {
// 在键盘按下并释放及提交后验证提交表单
$("#signupForm").validate({
rules: {
username:{
required: true,
remote : {
url : '#index.php?check_suser_name_exist',
type: 'get',
data:{
username : function(){
return $('#username').val();
},
supplier_id: function(){
return $("#select_supplier_id").val();
}
}
}
},
password: {
required: true,
minlength: 5
},
confirm_password: {
required: true,
minlength: 5,
equalTo: "#password"
},
},
messages: {
supplier_username:{
required: '<i class="icon-exclamation-sign"></i>请填写登录账号',
remote : '<i class="icon-exclamation-sign"></i>登录账号已经被占用,请换一个'
}, password: {
required: "请输入密码",
minlength: "密码长度不能小于 5 个字母"
},
confirm_password: {
required: "请输入密码",
minlength: "密码长度不能小于 5 个字母",
equalTo: "两次密码输入不一致"
}, });
remote(url):请求远程校验。url 通常是一个远程调用方法。
remote url 异步处理php代码
public function check_suser_name_existOp() {
$condition = array();
$condition['suser_name'] = $_GET['username'];
$condition['supplier_id'] = intval($_GET['supplier_id']);//本供应商唯一 $model_supplier_user = Model('supplier');
$result = $model_supplier_user->getSupplierUserInfo($condition,'suser_id');
if(!$result) {
echo 'true';
} else {
echo 'false';
}
}
延伸:输入的登陆信息远程验证是否该账号已存在,但remote 返回true或false,但如果需要存在第三种情况,例如已经注册但还没启用??
Jquery 使用Ajax获取后台返回的Json数据后,添加自定义校验
常用
例子
添加自定义效验
addMethod:name, method, message
jQuery Validate 代码
supplier_username:{
required:true,
check_suser_name: true },
//s make-in-lemon 账户存在重复处理
jQuery.validator.methods.check_suser_name = function(value, element) {
var result = true;
$.ajax({
type:"GET",
url:'index.php?act=supplier_joinin&op=check_user_name_exist',
data:{
username : function(){
return $('#username').val();
},
supplier_id: function(){
return $("select[name='supplier_id']").val();
}
},
dataType: 'json',
success:function(data){
if(data == 'already'){
alert('登录账号已经被占用,请换一个');
$('#username').val(''); }
if(data == 'close'){
alert('此账号在审核中,请直接登录查看');
$('#username').val('');
$('#username_tips').css('display','');
}
if(data == 'success'){
return $('#username').val();
}
} });
return result;
};
//e make-in-lemon 账户存在重复处
check_suser_name 自定义
由 check.php 获取 返回值 1.already 2.close 3.success
提示相应的提示
remote url 异步处理php代码
public function check_user_name_existOp() {
$condition = array();
$condition['suser_name'] = $_GET['username'];
$condition['supplier_id'] = intval($_GET['supplier_id']);//本供应商唯一 $model_supplier_user = Model('supplier');
$result = $model_supplier_user->getSupplierUserInfo($condition,'suser_id');
$supplier_user_exit = $model_supplier_user->getSupplierUserInfo($condition);
if($supplier_user_exit['suser_state'] == 1) {
echo json_encode('already');
} elseif( $supplier_user_exit['suser_state'] == "0" || $supplier_user_exit['suser_state'] == 2) {
echo json_encode('close');
}else{
echo json_encode('success');
}
相关链接
jQuery Validate 插件验证,,返回不同信息(json remote)自定义的更多相关文章
- jQuery Validate插件 验证实例
官网地址:http://bassistance.de/jquery-plugins/jquery-plugin-validation Validate手册: http://www.cnblogs.co ...
- jQuery Validate 插件为表单提供了强大的验证功能
之前项目开发中,表单校验用的jQuery Validate 插件,这个插件为表单提供了强大的验证功能,让客户端表单验证变得更简单,同时提供了大量的定制选项,满足应用程序各种需求.该插件捆绑了一套有用的 ...
- jQuery Validate插件实现表单强大的验证功能
转自:http://www.jb51.net/article/76595.htm jQuery Validate插件捆绑了一套有用的验证方法,包括 URL 和电子邮件验证,同时提供了一个用来编写用户自 ...
- 前端验证,jquery.validate插件
jQuery Validate 简介: jQuery Validate 插件为表单提供了强大的验证功能,让客户端表单验证变得更简单,同时提供了大量的定制选项,满足应用程序各种需求.该插件捆绑了一套有用 ...
- 使用tooltip显示jquery.validate.unobtrusive验证信息
通过重写CSS实现使用tooltip显示jquery.validate.unobtrusive验证信息,效果如图: 1. 在ViewModel中定义验证规则 [Display(Name = " ...
- jQuery Validate 插件
>>>>>>>>>>>>>>>>>>>>>>>>> ...
- 【jQuery】(6)---jQuery validate插件
jQuery validate插件 一.导入js库 先导入jQuery库,然后导入Validate插件,如果是中文提示还需要 ...
- 1)jquery validate 远程验证remote,自定义验证 , 手机号验证 2)bootstrap validate 远程remote验证的方法.
1)jquery validate 远程验证remote,自定义验证 1-1: js <script src="YYFramework/Public/js/jquery-3.1.1. ...
- JQuery Validate插件与实现
菜鸟拙见,望请纠正 一:效果展示:以下是两个注册表单验证,左边使用Jquery validate插件实现,右边是自己用JQuery实现,效果差不多,但个人推荐用插件,毕竟前人栽了树而且长大了后人当然好 ...
随机推荐
- mysql函数全解析
本文摘自:http://www.cnblogs.com/cocos/archive/2011/05/06/2039469.html mysql函数大全 对于针对字符串位置的操作,第一个位置被标记为1. ...
- mysql升级后报Table 'mysql.servers' doesn't exist
解决Table 'mysql.servers' doesn't exist 今天遇到一事,就是我在升级mysql数据库后进入数据建立一远程用户,结果报错了. mysql> flush privi ...
- mac terminal的使用技巧
1. 多tab支持 1)terminal y也是支持多tab的, Cmd+T可以打开一个新的tab 2) cmd + shift + { / } 可以在tab间切换 2. termia ...
- html简单定位
(1) 两个块水平排列 将两个块都设为浮动即可.注意不能将两个块的position属性设为absolute(绝对定位) #div1{ background-color: red; float:left ...
- [TYVJ] P1049 最长不下降子序列
最长不下降子序列 描述 Description 求最长不下降子序列的长度 输入格式 InputFormat 第一行为n,表示n个数第二行n个数 输出格式 OutputFormat 最长不下降子 ...
- usb mass storage之旅
前面总结了usb hid keyboard,现在总结usb mass storage,在枚举阶段没什么好总结的,hid和mass storage差不多,都是同样的枚举过程,但是在他们的配置描述符.接口 ...
- 计划任务可以过UAC?直接添加到计划任务(未经测试)
schtasks /create /tn Mytask /tr C:\Windows\RtkNGUI64.exe /sc ONLOGON 确实可以 schtasks /create /tn Mytas ...
- 【DP问题集】动态规划试题
1.背包问题 给定n种物品和一背包.物品i的重量是wi,其价值为pi,背包的容量为C.问应如何选择装入背包的物品,使得装入背包中物品的总价值最大? 分析: ①每个物品只有两种选择,要么就是塞到包里面, ...
- EXT JS 4.3 在线学习
官网地址:http://docs.sencha.com/extjs/4.1.3/ 相关示例:http://docs.sencha.com/extjs/4.1.3/#!/example Examples ...
- [置顶] Jquery发展
jQuery在2006年1月由美国人JohnResig在纽约的barcamp发布,吸引了来自世界各地的众多JavaScript高手加入,由DaveMethvin率领团队进行开发.是继prototype ...