1

实际上我是 jquery 以及网页设计的新手

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

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

4

5 回答 5

5

试试这个 - 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- 不会

于 2012-07-04T17:55:20.880 回答
2

确保您添加了最新版本的 jQuery.... 这是一个用于验证 not null 的示例。

    $(document).ready(function() {
        $('input#fname').on('blur', function() {
            if( $(this).val() == ''  || $(this).val() == "null") {
                // Your code to handle error
            } else {
                            return true;
                    }
        })
    });
于 2012-07-04T17:46:34.463 回答
1

我认为您想在 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");
  }

   });

});
于 2012-07-04T17:45:23.683 回答
1 
    $("#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 ....
于 2013-05-06T07:40:06.307 回答
0

为什么不尝试使用jQuery Validate 插件

于 2012-07-04T17:44:04.070 回答