Question

其实我是jquery和网页设计的新手

现在我需要一些代码片段，它们会在文本框上的模糊事件后调用。

我需要jquery代码来验证html表单中的名称字段。

Answer 1

$("#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

为什么不试试 jQuery Validate plugin

使用jquery验证名称字段

5 个答案: