问题

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

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

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

常用

例子

注意远程返回数据时,一定要返回"true"或者"false",否则就是永远就是验证不通过。
  1. $(document).ready(function() {
  2. // 在键盘按下并释放及提交后验证提交表单
  3. $("#signupForm").validate({
  4. rules: {
  5. username:{
  6. required: true,
  7. remote : {
  8. url : '#index.php?check_suser_name_exist',
  9. type: 'get',
  10. data:{
  11. username : function(){
  12. return $('#username').val();
  13. },
  14. supplier_id: function(){
  15. return $("#select_supplier_id").val();
  16. }
  17. }
  18. }
  19. },
  20. password: {
  21. required: true,
  22. minlength: 5
  23. },
  24. confirm_password: {
  25. required: true,
  26. minlength: 5,
  27. equalTo: "#password"
  28. },
  29. },
  30. messages: {
  31. supplier_username:{
  32. required: '<i class="icon-exclamation-sign"></i>请填写登录账号',
  33. remote : '<i class="icon-exclamation-sign"></i>登录账号已经被占用,请换一个'
  34. },
  35.  
  36. password: {
  37. required: "请输入密码",
  38. minlength: "密码长度不能小于 5 个字母"
  39. },
  40. confirm_password: {
  41. required: "请输入密码",
  42. minlength: "密码长度不能小于 5 个字母",
  43. equalTo: "两次密码输入不一致"
  44. },
  45.  
  46. });

remote(url):请求远程校验。url 通常是一个远程调用方法。

remote url 异步处理php代码

  1. public function check_suser_name_existOp() {
  2. $condition = array();
  3. $condition['suser_name'] = $_GET['username'];
  4. $condition['supplier_id'] = intval($_GET['supplier_id']);//本供应商唯一
  5.  
  6. $model_supplier_user = Model('supplier');
  7. $result = $model_supplier_user->getSupplierUserInfo($condition,'suser_id');
  8. if(!$result) {
  9. echo 'true';
  10. } else {
  11. echo 'false';
  12. }
  13. }

延伸:输入的登陆信息远程验证是否该账号已存在,但remote 返回true或false,但如果需要存在第三种情况,例如已经注册但还没启用??

Jquery 使用Ajax获取后台返回的Json数据后,添加自定义校验

常用

例子

添加自定义效验

addMethod:name, method, message

jQuery Validate 代码

  1. supplier_username:{
  2. required:true,
  3. check_suser_name: true
  4.  
  5. },
  1. //s make-in-lemon 账户存在重复处理
  2. jQuery.validator.methods.check_suser_name = function(value, element) {
  3. var result = true;
  4. $.ajax({
  5. type:"GET",
  6. url:'index.php?act=supplier_joinin&op=check_user_name_exist',
  7. data:{
  8. username : function(){
  9. return $('#username').val();
  10. },
  11. supplier_id: function(){
  12. return $("select[name='supplier_id']").val();
  13. }
  14. },
  15. dataType: 'json',
  16. success:function(data){
  17. if(data == 'already'){
  18. alert('登录账号已经被占用,请换一个');
  19. $('#username').val('');
  20.  
  21. }
  22. if(data == 'close'){
  23. alert('此账号在审核中,请直接登录查看');
  24. $('#username').val('');
  25. $('#username_tips').css('display','');
  26. }
  27. if(data == 'success'){
  28. return $('#username').val();
  29. }
  30. }
  31.  
  32. });
  33. return result;
  34. };
  35. //e make-in-lemon 账户存在重复处

check_suser_name 自定义

由  check.php 获取 返回值 1.already 2.close 3.success

提示相应的提示

remote url 异步处理php代码

  1. public function check_user_name_existOp() {
  2. $condition = array();
  3. $condition['suser_name'] = $_GET['username'];
  4. $condition['supplier_id'] = intval($_GET['supplier_id']);//本供应商唯一
  5.  
  6. $model_supplier_user = Model('supplier');
  7. $result = $model_supplier_user->getSupplierUserInfo($condition,'suser_id');
  8. $supplier_user_exit = $model_supplier_user->getSupplierUserInfo($condition);
  9. if($supplier_user_exit['suser_state'] == 1) {
  10. echo json_encode('already');
  11. } elseif( $supplier_user_exit['suser_state'] == "0" || $supplier_user_exit['suser_state'] == 2) {
  12. echo json_encode('close');
  13. }else{
  14. echo json_encode('success');
  15. }

相关链接

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. vb.net中存储过程的使用

    在机房收费系统过程中,试着使用了存储过程,离之前数据库的学习已经有些日子了.之前对于存储过程的了解也是听过而已,非常不清楚.因此,写这篇博客! 专业概念:存储过程是一个SQL语句和控制结构的集合,创建 ...

  2. android ant 最简单的打包签名,混淆方法

    使用ant打包,如果脚本都是我们自己一步一步来写的话,是一个比较麻烦的东西. 关于ant,我们详细看下: ant支持 ant debug,ant release等命令,我们需要签名混淆,那么就需要an ...

  3. Yii 安装

    // 安装 composer curl -s http://getcomposer.org/installer | php // 把 composer 添加到全局命令 mv composer.phar ...

  4. LFS,编译自己的Linux系统 - 编译临时系统

    编译GCC-4.8.2 PASS 1 解压并重命名 cd /mnt/lfs/sources tar -Jxf ../mpfr-3.1.2.tar.xz mv mpfr-3.1.2 mpfr tar - ...

  5. kibana 版本kibana-4.3.1 修改地图

    进入到安装目录下的src/ui/public/vislib/visualizations/目录 1.编辑_map.js文件 1 2 //url: 'https://otile{s}-s.mqcdn.c ...

  6. MATLAB三维曲面

    今天终于测试了,发下来第一张试卷中只会做一小题.我蒙了!!! 所以呢,我现在再做一下,总结总结! 作函数 f(x)=2(x1-1)4+2x22 的三维图. 这道题要用到的知识点有函数meshgrid. ...

  7. (转载)HDU4565

    题目链接:http://acm.hdu.edu.cn/showproblem.php?pid=4565 这个博客讲的比较好:http://blog.csdn.net/ljd4305/article/d ...

  8. poj 2411 新写法

    别以为我在刷水题.... 今天做了场srm,500pt想到了是dp但是无从下手,但是看了rng_58的神代码后顿觉海阔天空啊(盯着看了一个下午),相比于一年前的写法,真的是不忍直视啊, TC真是个好地 ...

  9. 【MSP是什么】MSP认证之项目管理与项目群管理的区别

    通常所说的项目管理是指运用各种相关知识.技能.方法与工具,为满足或超越项目有关各方对项目的要求与期望,所开展的各种计划.组织.领导.控制等方面的活动.具体包括项目范围管理.项目时间管理.项目成本管理. ...

  10. 认识xml

    什么是 XML? XML 指可扩展标记语言(EXtensible Markup Language) XML 是一种标记语言,很类似 HTML XML 的设计宗旨是传输数据,而非显示数据 XML 标签没 ...