jQuery在模糊上验证文本字段

时间:2012-08-30 17:57:19

标签: javascript jquery jquery-validate onblur

我正在使用jQuery Validation Plugin:http://docs.jquery.com/Plugins/Validation/

我遇到一个问题,导致验证在用户开始输入时启动,但这不是我想要的。 我想在用户离开文本字段后开始验证。 这是我的代码:

    <input class="required email" type="text" size="26" name="usernameField" id="usernameField" /> 

<script type="text/javascript" src="js/jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="http://jzaefferer.github.com/jquery-validation/jquery.validate.js"></script>
<script type="text/javascript">

  $(document).ready(function(){

         $("#usernameField").validate({
           onfocusout:false
          });


   });

</script>

我认为使用onfocusout选项会起作用,但它仍然在用户输入时进行验证。 我做错了什么?

由于

1 个答案:

答案 0 :(得分:0)

您可以使用此代码验证onblur:

的jQuery

$("#Email").blur(function() 
{
 var emailReg = /^([\w-\.]+@([\w-]+\.)+[\w-]{2,4})?$/;  
 var emailaddress = $("#Email").val();
 if(!emailReg.test(emailaddress)) 
    $("#emailspan").html('<font color="#cc0000">Please enter valid Email address</font>');  
 else
    $("#emailspan").html('<font color="#cc0000"></font>');  
});

HTML

<h4>
<br />Email <span id="star5">*</span>
</h4>                       
<input type="text" id="Email" name="Email" maxLength="50" size="45" /><span id="emailspan" value="0"></span>