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实现,效果差不多,但个人推荐用插件,毕竟前人栽了树而且长大了后人当然好 ...
随机推荐
- vb.net中存储过程的使用
在机房收费系统过程中,试着使用了存储过程,离之前数据库的学习已经有些日子了.之前对于存储过程的了解也是听过而已,非常不清楚.因此,写这篇博客! 专业概念:存储过程是一个SQL语句和控制结构的集合,创建 ...
- android ant 最简单的打包签名,混淆方法
使用ant打包,如果脚本都是我们自己一步一步来写的话,是一个比较麻烦的东西. 关于ant,我们详细看下: ant支持 ant debug,ant release等命令,我们需要签名混淆,那么就需要an ...
- Yii 安装
// 安装 composer curl -s http://getcomposer.org/installer | php // 把 composer 添加到全局命令 mv composer.phar ...
- 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 - ...
- kibana 版本kibana-4.3.1 修改地图
进入到安装目录下的src/ui/public/vislib/visualizations/目录 1.编辑_map.js文件 1 2 //url: 'https://otile{s}-s.mqcdn.c ...
- MATLAB三维曲面
今天终于测试了,发下来第一张试卷中只会做一小题.我蒙了!!! 所以呢,我现在再做一下,总结总结! 作函数 f(x)=2(x1-1)4+2x22 的三维图. 这道题要用到的知识点有函数meshgrid. ...
- (转载)HDU4565
题目链接:http://acm.hdu.edu.cn/showproblem.php?pid=4565 这个博客讲的比较好:http://blog.csdn.net/ljd4305/article/d ...
- poj 2411 新写法
别以为我在刷水题.... 今天做了场srm,500pt想到了是dp但是无从下手,但是看了rng_58的神代码后顿觉海阔天空啊(盯着看了一个下午),相比于一年前的写法,真的是不忍直视啊, TC真是个好地 ...
- 【MSP是什么】MSP认证之项目管理与项目群管理的区别
通常所说的项目管理是指运用各种相关知识.技能.方法与工具,为满足或超越项目有关各方对项目的要求与期望,所开展的各种计划.组织.领导.控制等方面的活动.具体包括项目范围管理.项目时间管理.项目成本管理. ...
- 认识xml
什么是 XML? XML 指可扩展标记语言(EXtensible Markup Language) XML 是一种标记语言,很类似 HTML XML 的设计宗旨是传输数据,而非显示数据 XML 标签没 ...