jquery蒙面输入插件不清楚字段?

时间:2012-08-20 07:31:08

标签: jquery jquery-ui jquery-plugins mask jquery-mask

在我的项目中,我使用以下插件进行验证

     jquery.validate.min.js, 
     jquery.ui.core.js,
     jquery.ui.widget.js, 
     jquery.ui.mask.js

我这样称呼它:

     $('#txtShippingInfoPhone').mask({mask:"999-999-9999",clearEmpty: false});

默认输入框为空。像这样

  Phone number: 

当我在该文本框上键入时,它看起来像这样

Phone number:___ ___ ____

并且,如果我输入了错误的电话号码,那么它正在接受。 e.g:

 [407-555-____]

但是在这里,错误应该通过而不是接受值。 观察:它认为__ __ ____也是值。

1 个答案:

答案 0 :(得分:0)

我不知道你如何验证表单,但如果是默认的进行,你只是检查字段是否为空(必需)。

您需要检查手机值是否与之前的面具相匹配...然后继续验证。

实施例

if($('#txtShippingInfoPhone').mask("valid")){
    /* It's valid, continue with the submit... */
    return true;
}else{
    /* It's NOT valid, trigger the error msg, and interrupt the submit... */
    return false;
}​