无法屏蔽输入

时间:2012-04-16 16:58:38

标签: jquery forms jquery-plugins maskedinput

这应该很简单,但由于某些原因我没有做对。 :/

我正在使用可用的jQuery蒙版输入插件here

以下是我的代码段:

jQuery的:

<script>
$(document).ready(function(){
  $("#newStudentForm").validate();
});
jQuery(function($){
   $("#Sphone").mask("(999) 999-9999");
});
</script>

HTML:

<input type="text" maxlength="10" name="Sphone" id="Sphone"  size="28px"/>

截至目前,我在文本框中看不到任何掩码。我该如何解决这个问题?

2 个答案:

答案 0 :(得分:2)

检查您是否包含插件文件

<input type="text" maxlength="10" name="Sphone" id="Sphone"  size="28"/> // not `28px`


$(document).ready(function(){
  $("#newStudentForm").validate();
  $("#Sphone").mask("(999) 999-9999");
});

答案 1 :(得分:1)

根据您提供给我的信息,我在http://jsfiddle.net/Sgu6e/开始工作。

这就是我的所作所为:

我删除了行$("#rad1").buttonset();,因为它不适用于您提供给我的代码并打破了JS的其余部分。

然后我将JS的其余部分更改为以下内容:

$(document).ready(function() {
    $("#newStudentForm").validate();
    $("#Sphone").mask("(999) 999-9999");
});

同样,你可以看到它在http://jsfiddle.net/Sgu6e/工作。