0

検証と ajaxform の両方が単独で正常に動作していましたが、フォームを結合しようとすると正しく動作しません。私はJQueryに精通していないので、構文がどこか間違っていると思います。誰かが私が間違っていることを見つけることができますか?

フォームは検証前に 2 回試行され、フォームは送信されますが応答がありません。

// DOM の準備ができたらフォームを準備します $(document).ready(function() { var options = { target: '#output1', // サーバーの応答で更新されるターゲット要素 beforeSubmit: showRequest, / / 送信前のコールバック成功: showResponse // 送信後のコールバック };

// 'ajaxForm' を使用してフォームをバインド $('form#webcheck').ajaxForm(options); });

function showRequest(){ $("form#webcheck").validate(); jQuery.validator.messages.required = jQuery.validator.messages.email = ""; jQuery.validator.messages.required = jQuery.validator.messages.telephone = ""; jQuery.validator.messages.required = jQuery.validator.messages.name = ""; }

function showResponse(){ alert('コメントありがとうございます!'); }

4

1 に答える 1

1 
$(document).ready(function() { 
    var options = { 
        //target:        '#response',   // target element(s) to be updated with server response 
        beforeSubmit:  showRequest,  // pre-submit callback 
        success:       showResponse  // post-submit callback 
    }; 

    // bind form using 'ajaxForm' 
    $('form#webcheck').ajaxForm(options); 
}); 

function showRequest(){ 
    jQuery.validator.messages.required = jQuery.validator.messages.email = "";
    jQuery.validator.messages.required = jQuery.validator.messages.telephone = "";
    jQuery.validator.messages.required = jQuery.validator.messages.name = "";
    $("form#webcheck").validate().form();

}

function showResponse(){ 
    alert('Thanks for your comment!'); 
}
于 2009-11-20T10:49:52.870 に答える