jquery.validate remote验证另一种写法

function checkName() {
    var deferred = $.Deferred();//延迟方法
    var Name = $("#name").val();
    var Names = $("#names").val();
    var Pid = $("#pNodeId").val();
    var nodeId = $("#nodeId").val();
    $.ajax({
        type:"post",
        url:"../Category/verifyName",
        async:false,
        data:{
            Name:$("#name").val(),
            Pid:$("#pNodeId").val(),
            nodeId: $("#nodeId").val()
         },
         dataType: "html",
         success: function(data, type) {
             if(data=="ok"){
                 deferred.resolve();
               }else{
                  deferred.reject();
               }
          }
    });
    //deferred.state()有3个状态:pending:还未结束,rejected:失败,resolved:成功
    return deferred.state() == "resolved" ? true : false;
}           

remote通过addMethod方式实现:

jQuery.validator.addMethod("valCheckName", function(value, element) {
    return checkName();
},‘名称已存在‘);

jquey.validate 中调用

//表单校验
$(‘#form‘).validate({
    submitHandler:function(form){
        if(checkName()){//提交前再次验证是否重名
          form.submit();
      }
    },
    rules : {
        name : {
                required : true,
                byteRangeLength : [2, 32],
             valCheckName:true
        },
        note : {byteRangeLength : [3, 200]}
    }
});            
时间: 2024-10-29 19:05:33

jquery.validate remote验证另一种写法的相关文章

jquery.validate remote 和 自定义验证方法

jquery.validate remote 和 自定义验证方法 $(function(){ var validator = $("#enterRegForm").validate({debug:false, //调试模式取消submit的默认提交功能//errorClass: "error",//默认为错误的样式类为:error//validClass: "check",//验证成功后的样式,默认字符串validfocusInvalid: tr

【Javascript】jQuery Validate扩展验证方法

/*****************************************************************jQuery Validate扩展验证方法*****************************************************************/// 判断整数value是否等于0 jQuery.validator.addMethod("isIntEqZero", function (value, element) { valu

jQuery Validate扩展验证方法

/***************************************************************** jQuery Validate扩展验证方法 (linjq) *****************************************************************/ $(function(){ // 判断整数value是否等于0 jQuery.validator.addMethod("isIntEqZero", functio

jquery.validate自定义验证--成功提示与择要提示

在Swing 中显示文本或提示信息的方法是使用标签,它支持文本字符串和图标.在应用程序的用户界面中,一个简短的文本标签可以使用户知道这些控件的目的,所以标签在Swing中是比较常用的控件. 1.标签的使用 标签由JLabel类定义,父类为JComponent类. 标签可以显示一行只读文本,一个图像或带图像的文本,它并不能产生任何类型的事件,只是简单低显示文本和图片,但是可以使用标签的特性指定标签上文本的对齐方式. JLabel类提供了多种构造方法,这样可以创建多种标签,例如显示只有文本的标签.只

【转】封装jQuery Validate扩展验证方法

本文转自:http://www.cnblogs.com/linjiqin/p/3433635.html 一.封装自定义验证方法-validate-methods.js /***************************************************************** jQuery Validate扩展验证方法 (linjq) *****************************************************************/ $(

jquery.validate.js 验证表单时,在IE当中未验证就直接提交的原因

jquery.validate.js 验证表单时,在IE当中未验证就直接提交的原因 今天利用了jquery.validate.js来验证表单,发现在火狐.谷歌浏览器当中都可以进行验证,但是在IE系列浏览器当中却无法进行验证就直接将表单提交了. 在网上查了一下原因,大多数文章表明原因是js代码书写不规范造成,也就是在验证表单的规则(rules)数组的最后多了个逗号.起初我也因为是这个原因于是查看了自己的代码发现确实有此问题于是就改正过来了. 但是在浏览器中查看后仍然不起作用,在百思不得其解时,想到

封装jQuery Validate扩展验证方法

一.封装自定义验证方法-validate-methods.js /***************************************************************** jQuery Validate扩展验证方法 (linjq) *****************************************************************/ $(function(){ // 判断整数value是否等于0 jQuery.validator.addMe

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

通过重写CSS实现使用tooltip显示jquery.validate.unobtrusive验证信息,效果如图: 1. 在ViewModel中定义验证规则 [Display(Name = "纬度")] [Required(ErrorMessage = "{0}不能为空")] [RegularExpression(@"^\-?\d+(\.\d+)?$", ErrorMessage = "{0}格式不正确,请输入数值")] [R

利用jquery.validate异步验证用户名是否存在

经过上百次的试验试和搜索,终于把jquery.validate的各种功能用法了解清楚,网上关于jquery.validate的AJAX表单验证比较少,特别是对rules里面的remote提得比较简单,使得学习起来比较难,下面发布一下我个人的用法: HTML头部引用: <script type="text/javascript" src="../js/jquery-1.3.2.min.js"></script><script type=&