jquery - jqueryを使用して名前フィールドを検証する

Question

実際、私はjqueryとWebデザインに不慣れです。

ここで、テキストボックスのblurイベントの後に呼び出すコードが必要です。

htmlフォームの名前フィールドを検証するためのjqueryコードが必要です。

Answer 1

これを試してください-http://jsfiddle.net/gZNkt/

$("#fname").on("blur", function() {
    if ( $(this).val().match('^[a-zA-Z]{3,16}$') ) {
        alert( "Valid name" );
    } else {
        alert("That's not a name");
    }
});

名前が3〜16文字で、文字のみが含まれていることsamを確認するため、検証されますが、3sam-は行われません。

Answer 2

jQueryの最新バージョンを必ず追加してください。nullでないことを検証するためのサンプルを次に示します。

    $(document).ready(function() {
        $('input#fname').on('blur', function() {
            if( $(this).val() == ''  || $(this).val() == "null") {
                // Your code to handle error
            } else {
                            return true;
                    }
        })
    });

Answer 3

jQueryでフォーカスアウトまたはぼかした後、テキストボックスを検証したいと思います。

同じ目的で以下のコードを使用できます：-

$(document).ready(function()
{
   $("#fnam").blur(function() {

      if($(this).val() == null || $(this).val() == undefined || $(this).val() == "")
      {
         alert("field is empty");
      }

   });

// if you want this validation on focus lost
 $("#fnam").focusout(function() {

  if($(this).val() == null || $(this).val() == undefined || $(this).val() == "")
  {
     alert("field is empty");
  }

   });

});

Answer 4

    $("#reg").bind("keypress", function (event) {
            if (event.charCode!=0) {
                var regex = new RegExp("^[a-zA-Z]+$");
                var key = String.fromCharCode(!event.charCode ? event.which : event.charCode);
                if (!regex.test(key)) {
                    event.preventDefault();
                    return false;
                }
            }
        });

you disable press key and allow only charecters ....

Answer 5

jQueryValidateプラグインを試してみませんか