0

jquery 検証プラグインを使用してフォームを検証しています。ただし、カスタム検証が必要なフィールドがまだいくつかあります。

奇妙なことは。送信時に、選択ボックスの検証が最初にチェックされ、これが OK の場合は、$.validate(); のためにすべてのフィールドが赤くなります。何も入力されていないのに ajax 呼び出しが続行される場合、これはなぜですか?

また、このプラグインを使用しています: http://formvalidator.net/#configurationコールバックを試しましたが、何らかの理由でまだ false を返さず、ajax に進みます。

$( "#registration-form" ).submit(function( event ) {
event.preventDefault();

    $.validate();

    //Check dropdown
    if(document.getElementById('foodassoonas').selectedIndex == 0)
    {
    $('#dateerrormsg').html('not ok');
    $("#foodassoonas").css({"border":"1px solid red"});
    return false;
    }


    $.post(jssitebaseUrl+'/ajaxFile.php',{'contactemail':contactemail,'action':'checkOrderEmailId'}, function(output){

        alert(output);
        if(output == 'already' && contactpassword !=""){
            $("#createUserError").addClass('errClass1 margin0');

            $("#createUserError").html('not ok');
            $("#createUserError").show();
            return false;
        }else if(output == 'gotopayment' || (output == 'already' && contactpassword =="")){
            document.checkoutform.submit();
        }
        return false;
    });


return false;
});
4

2 に答える 2

0

それで遊んだ後、私はこれを行うことでそれがうまくいくようになりました:

>>>> REMOVED (PLACED ON BOTTOM) event.preventDefault();
$( "#registration-form" ).submit(function( event ) {

var flag = $.validate(); 
if(!flag) { 

    //Check dropdown
    if(document.getElementById('foodassoonas').selectedIndex == 0)
    {
    $('#dateerrormsg').html('U heeft geen bezorgtijd aangegeven');
    $("#foodassoonas").css({"border":"1px solid red"});
    return false;
    }


var contactemail = $('#contactemail').val();
$.post(jssitebaseUrl+'/ajaxFile.php',{'contactemail':contactemail,'action':'checkOrderEmailId'}, function(output){

    alert(output);
    if(output == 'already' && contactpassword !=""){
        $("#createUserError").addClass('errClass1 margin0');

        $("#createUserError").html('not ok');
        $("#createUserError").show();
        return false;
    }else if(output == 'gotopayment' || (output == 'already' && contactpassword =="")){
        document.checkoutform.submit();
    }
    return false;
});

return flag; 
}



>>>> REMOVED return false;
>>>> ADDED event.preventDefault();
});

今だけ、ajaxは起動されません:(

于 2013-11-01T17:06:15.613 に答える