jquery - 无法屏蔽输入

Question

这应该很简单，但由于某种原因，我没有做对。：/

我正在使用此处提供的 jQuery 屏蔽输入插件

以下是我的代码片段：

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"/>

截至目前，我在文本框中看不到任何掩码。我该如何解决？

Answer 1

检查您是否包含插件文件

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


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

Answer 2

根据你给我的信息，我在http://jsfiddle.net/Sgu6e/得到了它。

这是我所做的：

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

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

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

同样，您可以在http://jsfiddle.net/Sgu6e/看到它的工作原理。