jquery+ajax验证不通过也提交表单问题处理(2)


function ajaxForm2Control(obj) { 
    //当存在错误信息时返回,找显示错误信息 
    if(controlId.length > 0) { 
        alertinfo() ; 
        return false ;  
    } 
    if(!$(obj).validationEngine("validate")) return false;  //验证没有使用ajax验证的控件(不是ajax验证的字段是可以正常验证的, 不通过就返回) 
    $.ajax({ 
       type: "POST", 
       url: $(obj).attr("action"), 
       data: $(obj).serialize(), 
       dataType: "html", 
       success: function(data){ 
           xxxxxx 
       } 
    }); 

为表单添加焦点事件

复制代码 代码如下:


//表单需要验证的控件 
function valControls(ajaxForm2Controls) { 
    //获取需要使用ajax验证的控件 
    var controlsStr = ajaxForm2Controls.attr("control") ; 
    //属性未定义时返回 
    if(typeof(controlsStr) === "undefined" || controlsStr.length <= 0) return ; 
    //分隔获取控件ID 
    var controls = controlsStr.split(/,/g) ; 
    for(var i in controls) { 
        //添加焦点离开事件 
        $("#" + controls[i]).blur(function() { 
          if($(this).val().length <= 0) return false; 
            //重新设置数组 
            controlId.length = 0;  
            errors.length = 0 ; 
            //错误信息 
            var error = $(this).attr("error") ; 
            $.ajax({ 
               type: "GET", 
               url: $(this).attr("url"), 
               data: $(this).serialize(), 
               dataType: "text", 
               success: function(data){ 
                   if(data==="true") { 
                     //验证不通过将错误信息放入数组中 
                       controlId.push(controls[i]); 
                       errors.push(error) ; 
                       //提示信息 
                       alertinfo() ; 
                   } 
               } 
            }); 
        }) ; 
    } 

  

错误提示信息:

复制代码 代码如下:

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.heiqu.com/wgxpwg.html