-1

フォームフィールドで検証を行いたい..

田畑：

  1. 名前 (テキスト ボックス) --> 値を入力します。入力せずに出てくると、エラーメッセージが表示されます。

  2. メール(正規表現) -->メール形式の確認

  3. 性別(ラジオ ボタン) --> ラジオ ボタンを 1 つ選択する必要があります

  4. Location(dropdown) --> ドロップダウンを入力しないと、エラー メッセージが表示されます

  5. 携帯番号(テキストボックス) --> 数字のみ入力

上記のすべての種類の検証が必要です。

$('#Email').click(function(){
            var name=$('#Name').val();
            if(name==""){
                $('#Name').after('<div class="red">Name is Required</div>');

            }
            });

しかし、メール ボックスをクリックするたびにエラー メッセージが表示されます。私を助けてください？私は最初のフィールド名を試しました

4

3 に答える 3

2

メールテキストボックスのイベントではなく、名前clickテキストボックスのイベントでそれを行うことになっています。コントロールがフォーカスを失うたびに、blur イベントが発生します。これを試して、blur

$("#Name").blur(function(){
    if($(this).val().length === 0){
        $(this).after('<div class="red">Name is Required</div>');
    }
});

ここでは、フォーカスを失う#Nameたびに、テキストボックス内の値の長さをチェックしています。フォームを送信するときに、ユーザーがボタン クリック イベントを押したときに、このチェックを再度行う必要があります。

同様に、電子メール フィールドを検証するには、@onlyVJ が提供した正規表現を使用します。

/^([a-zA-Z0-9_\.\-])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/

テキスト ボックスから値を取得し、match を使用して正規表現と照合します。詳細については、このリンクをたどってください。これは#Emailテキストボックスのblurイベントで行われます

編集済み-

コードは提供しませんが、使用できるアプローチについて説明します。

ドロップダウンの場合-

ドロップダウンにぼかしイベントを添付し、ページの読み込み時に最初に表示されるデフォルト値がまだ選択されている値であるかどうかを確認できます。その場合はエラーを表示し、そうでない場合は表示しません。

ラジオボタンの場合-

このjsFiddleを確認してください。ここから掴んだ。これを使用して、ラジオ ボタンがチェックされていないときにエラーを表示するようにコードを構成できるはずです。

于 2013-07-19T06:50:42.730 に答える
1

要素がフォーカスを失ったことを識別するには、blur イベントを使用する必要があります。詳細と例については、blurのドキュメントを参照してください。

必要に応じて、jQuery 検証プラグインを試すこともできます。jQuery検証プラグインの Web サイトにアクセスする

于 2013-07-19T06:55:31.707 に答える
0

このようなもの...

$("#element").blur(function(){
   $(this).validate({
      // your code here
   })
})
于 2013-07-19T06:57:43.283 に答える