JqueryとプラグインValidate、エラーなしのテスト

Question

私は明らかに何か愚かなことをしているか、基本的なプロセスを理解できていません。非常に早い時期にこれで遊んでいます。

送信ボタンがonClickメソッドでクリックされたときに、検証されるフォームをチェックしようとしています。

<input class="submit" type="submit" value="Submit" onClick="submitForm()" />

私はjQueryとプラグインの検証を使用しています。私が持っている問題は各フィールドで検証されていますが、データなしでsubmitをクリックするか、すべてのフィールドがテストされていない場合は、フォーム全体を検証する必要があります。投稿する前にvalidate().form() 。 submitForm()のelseステートメントが実行されることはないため、これは発生していません。

を入力した後、を送信すると、フィールドエラーメッセージが表示されますが、偽の返品のテストは機能していないようです。

$(document).ready(function() { 
    $('#formEnquiry').validate(); 
}); 

function submitForm() { 
    $('#msgid').append('<h1>Submitting Form (External Routine)</h1>'); 
    if ($('#formEnquiry').validate().form()) { 
     $("#msgid").append("<h1>(Outside Ready) VALIDATED send to PHP</h1>"); 
    } 
    else { 
     $('#msgid').append('<h1>(Outside Ready) NOT VALIDATED</h1>'); 
    } 
}; 

Answer 1

のAjax

$(function() { 
$("#ipenter").submit(function() { 
    var ip = $("#ip").val(); 
    var date = $("#date").val(); 
    var spammer = $("#spammer").val(); 
    var country = $("#country").val(); 
    var total = $("#total").val(); 

    var dataString = $('#ipenter').serialize(); 


     $.ajax({ 
      url: "/test/process", 
      data: dataString, 
      type: "POST", 
      success: function(msg) {       
      $('#ipenter').append('<h3 class="gotin">Post succesfull!'); 
      $('h3.gotin').delay(8000).fadeOut(500);     
     }, 
      error: function(data){ 
      $('#ipenter').prepend('<h3 class="didnt">Post sucked!'); 
      $('h3.didnt').delay(8000).fadeOut(500); 
     }   
    }); 
    return false; 
}); 

}の一例）。あなたはまた、AJAX

if (spammer == "") { 
     $("#spammer_error").show(); 
     $("input#image").focus(); 
    return false; 

これはAJAXの基本的な例である前に、このスクリプトにいくつかの検証を投げることができる

あなたは本当にも、バルを必要といけない

（）の部分（私はCodeIgniterのを使用していますあなたはURLに有効なURLを使用する必要があります）