0

ページにいくつかのテキスト入力フィールドがあり、ラジオボタンがいくつかあります。次に、サーバー側に送信する前に、クライアント側でそれらを検証する必要があります（サーバー側の検証も行います）。

jqueryとjavascriptを使用してテキスト入力を検証していますが、これが本当にそれらを検証するための最良の方法であるかどうか疑問に思っています。

そして、これはラジオボタンでどのように機能しますか？

$('form').submit(function() {
    validateForm($(this))
    return false;
});

function validateForm(form) {
    var FirstName=form.find('[name=FirstName]').val();
    if (!FirstName) {
        alert('Etunimi puuttuu');
        return false;
    }
}
4

2 に答える 2

1

フィールドが空白でないことを確認するだけの場合は、すべてのテキスト フィールドにクラスを追加します。

<input type="text" id="Firstname" class="validate" />

次に、Jquery を使用して、クラスが のすべてのフィールドをループし.validate、それらのいずれかが空白かどうかを確認します。次に、ユーザーへのアラート方法を選択できます。

$('.validate').each(function(){

   if($(this).val().length === 0)
   {
      alert($(this).attr('id')+ " is blank");
   }
});

ラジオボタンの場合、そのようにチェックできます

if($('#myRadio').not(':checked'))
{
   alert('Radio not checked');
}

:checked疑似セレクターをテストすることによって

または、同様に、クラスを割り当ててチェックボックスのセットをグループ化し、それらをループして、少なくとも 1 つがチェックされていることをテストします。

于 2012-04-27T11:44:39.230 に答える
0

他の人がすでに述べたように、ホイールは優れた検証ツールとしてすでに発明されています。jQuery 検証プラグインのドキュメントをダウンロードして、実験し、学ぶことができます。

マークアップ内にルールを設定すると、それを呼び出すvalidate()と、検証したいすべてのものが実行され、ユーザーに適切に警告されます。特定の状況に合わない場合は、カスタム検証を追加することもできます。

ラジオ ボタンで jQuery Validate プラグインを使用するのがいかに簡単であるかの例については、この投稿を参照してください。

jquery validate を使用せずにラジオ ボタンがオンになっているかどうかを検証するには、次のようにします。

//submit initiated
if ($("[name=paymentMethod]:checked").size() ==0) {
    alert("Select an option");
}

そして、ここで見られます。

于 2012-04-27T12:02:24.917 に答える