無法掩蓋輸入

這應該很簡單，但由於某些原因我沒有正確理解。：/無法掩蓋輸入

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

截至目前，我無法在文本框中看到任何蒙版。我該如何解決？

來源

2012-04-16 Rahul Desai

你運行的是什麼版本的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:00:39 thecodeparadox

我以前曾嘗試過這種方式，但由於某種原因它不起作用。抱歉。 – 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-17 02:10:03 magzalez

我很高興它爲你工作。我在我的代碼中嘗試過，但不幸的是，由於某種原因，它不工作。 – 2012-04-18 14:33:56

這裏是我更新的代碼（類似於你的）： – 2012-04-18 14:39:01

學生的電話號碼：我有包含jQuery文件。它不適合我，它讓我瘋狂！抱歉。 – 2012-04-18 14:39:06

無法掩蓋輸入

回答

相關問題