2011-08-05 44 views
0

ルールの代わりにフォームを検証する方法はありますか?jQueryカスタム検証オプション

例:

フォームには3つのチェックボックスがあります。 は、私はそれらのどれもが選択されていないかどうかをテストしたい - その場合には、falseを返す をし、提出からフォームを防ぐ

+0

あなたは[validation plugin](http://docs.jquery.com/Plugins/Validation)を使用していますか? –

答えて

0

HTML:

<input type="checkbox" name="event[]" id="event" value="click">click<br> 
<input type="checkbox" name="event[]" id="event" value="focus">focus<br> 
<input type="checkbox" name="event[]" id="event" value="change">change<br> 

のjQuery:

$(document).ready(function() 
{ 
    $("form").submit(function() 
    { 
     var checked = $("input[@id=event]:checked").length; 
     if (checked == 0) 
     { 
      alert ("Please select at least one event"); 
      return false; 
     } 
     else 
     { 
      return true; 
     } 
    }); 
}); 

以上行ってくださいステップがあれば教えてください。

+0

は \t $( "#のadminform")は、この内部の検証プラグインを統合する方法があります({ \t errorPlacement検証:。。機能(エラー、要素){ \t \t error.appendTo(element.parentを()次の( )); \t}、 \t \tルール:{ \t \t \t max_upload:{ \t \t \t必要:真、 番号:真 } \t \t \t} \t}); –

+0

このようなカスタム検証を含めるには、プラグイン自体の拡張が必要とは思われません。 –

0
  submitHandler: function(form) { 

     if ($('input[type="radio"]').is(':checked')==true){ 
      form.submit() ; 
     }else{ 
      alert("Please choose option"); 
     } 
    }