问题

申请账号需要确认该账号是存在

解题思路:输入的登陆信息远程验证是否该账号已存在,并提示相对应的信息

No1.jquery.validate remote的用法 异步处理

常用

例子

注意远程返回数据时,一定要返回"true"或者"false",否则就是永远就是验证不通过。
$(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的详细教程

JQuery中$.ajax()方法参数详解

jquery-validate 的remote验证

jquery下的json格式ajax实现

jQuery Validate 插件验证,,返回不同信息(json remote)自定义的更多相关文章

  1. jQuery Validate插件 验证实例

    官网地址:http://bassistance.de/jquery-plugins/jquery-plugin-validation Validate手册: http://www.cnblogs.co ...

  2. jQuery Validate 插件为表单提供了强大的验证功能

    之前项目开发中,表单校验用的jQuery Validate 插件,这个插件为表单提供了强大的验证功能,让客户端表单验证变得更简单,同时提供了大量的定制选项,满足应用程序各种需求.该插件捆绑了一套有用的 ...

  3. jQuery Validate插件实现表单强大的验证功能

    转自:http://www.jb51.net/article/76595.htm jQuery Validate插件捆绑了一套有用的验证方法,包括 URL 和电子邮件验证,同时提供了一个用来编写用户自 ...

  4. 前端验证,jquery.validate插件

    jQuery Validate 简介: jQuery Validate 插件为表单提供了强大的验证功能,让客户端表单验证变得更简单,同时提供了大量的定制选项,满足应用程序各种需求.该插件捆绑了一套有用 ...

  5. 使用tooltip显示jquery.validate.unobtrusive验证信息

    通过重写CSS实现使用tooltip显示jquery.validate.unobtrusive验证信息,效果如图: 1. 在ViewModel中定义验证规则 [Display(Name = " ...

  6. jQuery Validate 插件

    >>>>>>>>>>>>>>>>>>>>>>>>> ...

  7. 【jQuery】(6)---jQuery validate插件

    jQuery  validate插件 一.导入js库                                      先导入jQuery库,然后导入Validate插件,如果是中文提示还需要 ...

  8. 1)jquery validate 远程验证remote,自定义验证 , 手机号验证 2)bootstrap validate 远程remote验证的方法.

    1)jquery  validate 远程验证remote,自定义验证 1-1: js <script src="YYFramework/Public/js/jquery-3.1.1. ...

  9. JQuery Validate插件与实现

    菜鸟拙见,望请纠正 一:效果展示:以下是两个注册表单验证,左边使用Jquery validate插件实现,右边是自己用JQuery实现,效果差不多,但个人推荐用插件,毕竟前人栽了树而且长大了后人当然好 ...

随机推荐

  1. InetAddress类的使用

    1.1. 简介 IP地址是IP使用的32位(IPv4)或者128位(IPv6)位无符号数字,它是传输层协议TCP,UDP的基础.InetAddress是Java对IP地址的封装,在java.net中有 ...

  2. 一个简单的网页读字符串 SpeechLib

    //引用组件:Interop.SpeechLib.dll//导入空间:SpeechLib //引用组件:Interop.SpeechLib.dll//导入空间:SpeechLib 前面设置内容引用别人 ...

  3. SQL Server 视图

    视图实际上就是一个存储查询,重点是是可以混合和匹配来自基本表(或者其他视图)的数据,从而创建在很多方面像另一个基表那样起作用的对象.可以创建一个简单的查询,仅仅从一个表中选择几列,而忽略其他列:或者也 ...

  4. WPF控件中可以用来记录数据用的属性总结

    今天遇到一个问题需要为每个控件tooltip根据不同情况显示多组数据,于是需要用到控件的某个属性暂存这个数据.好吧,现在我找到了3个属性可用,给自己做个备忘. 1.Tag 这个属性是object类型 ...

  5. 【ASP.NET MVC路由测试+性能调试工具】

    http://getglimpse.com https://github.com/Glimpse/Glimpse 百度网盘: http://pan.baidu.com/s/1jHuTtKa

  6. java设计模式--行为型模式--备忘录模式

    备忘录模式,我们平常所做的备忘录么.还得深深研究哦. 备忘录模式: 备忘录模式 概述 在不破坏封装性的前提下,捕获一个对象的内部状态,并在该对象之外保存这个状态.这样以后就可将该对象恢复到原先保存的状 ...

  7. UESTC_我要长高 CDOJ 594

    韩父有N个儿子,分别是韩一,韩二…韩N.由于韩家演技功底深厚,加上他们间的密切配合,演出获得了巨大成功,票房甚至高达2000万.舟子是名很有威望的公知,可是他表面上两袖清风实则内心阴暗,看到韩家红红火 ...

  8. 云脉提供表单识别API接口自助接入

    如今随着信息化.数字化时代的到来,利用纯人工进行数据录入已经不能满足海量信息数字化的需求.这时候有OCR表单识别技术,一切问题都能够迎刃而解了.云脉表单识别SDK采用成熟的OCR技术,通过创建票据的模 ...

  9. asp.net 错误处理

    一.从客户端(...)中检测到有潜在危险的 Request.Form 值.(如图) 解决办法: 1.为 c:/windows/temp 文件夹 设置 IIS_Iusers 可读写权限 (可解决部分问题 ...

  10. IOS Xmpp的Iq发送和解析之请求讨论组成员

    #pragma mark - 获取讨论组成员 - (void)getDiscussionMemberInfoWithSendIq:(discussionModel *)data { NSXMLElem ...