无法掩盖输入

问题描述：

这应该很简单，但由于某些原因我没有正确理解。：/无法掩盖输入

我使用现有的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"/>

截至目前，我无法在文本框中看到任何蒙版。我该如何解决？

你运行的是什么版本的jQuery？你能提供更多的网页代码吗？ – magzalez 2012-04-16 17:14:13

这看起来像从两个不同来源复制和粘贴。或者你为什么要混合两种方式在同一页面上注册domready事件？ – ThiefMaster 2012-04-16 20:08:47

@ThiefMaster嗯，对。第一件可能来自jQuery Validate。第二部分来自上述输入掩码插件。下面的答案可能是解决方法，但我认为我们需要看到更多的页面，看看还有什么可能会出错。 – magzalez 2012-04-16 20:24:39

答

CHECK您包含插件文件

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


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

我以前曾尝试过这种方式，但由于某种原因它不起作用。抱歉。 – 2012-04-16 17:03:00

我已经包含了插件文件。 – 2012-04-16 17:07:18

@rdesai查看更新回答 – thecodeparadox 2012-04-16 17:08:01

答

基于你给我的信息

，我得到了它在http://jsfiddle.net/Sgu6e/工作。

这里就是我所做的：

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

然后，我改变了JS的其余部分如下：

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

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

我很高兴它为你工作。我在我的代码中尝试过，但不幸的是，由于某种原因，它不工作。 – 2012-04-18 14:33:56

这里是我更新的代码（类似于你的）： – 2012-04-18 14:39:01

学生的电话号码：我有包含jQuery文件。它不适合我，它让我疯狂！抱歉。 – 2012-04-18 14:39:06

相关推荐