男丁格爾's 脫殼玩

沒錯!只要 300 元就能獲得我們團隊完整的協助，讓效果能迅速的整合到您的網站，並保證瀏覽器的相容性。
立刻申請!

jquery_alphanumeric_0_1_1

在設計表單時，常常會希望某些欄位只能輸入英文或是數字，但使用者可不一定會乖乖的來輸入。所以就有像 jQuery AlphaNumeric 一樣的套件來讓我們能擋掉那些不允許輸入的字元。

套件名稱：jQuery AlphaNumeric
套件版本：0.1.1
作者網站：http://itgroup.com.ph/alphanumeric/
套件網址：http://plugins.jquery.com/project/aphanumeric
發佈日期：2007-08-28
檔案大小：1.49 KB
檔案下載：jquery.alphanumeric.js

參數說明：

檢視原始碼 JavaScript

allow(選填)
描述： 加入額外允許的字元
預設值： ""
 
ichars(選填)
描述： 加入額外拒絕輸入的字元
預設值： "!@#$%^&*()+=[]\\\';,/{}|\":<>?~`.- "
 
allcaps(選填)
描述： 只允許大寫的英文字元輸入；作者沒把它寫到預設設定中
預設值： 無
 
nocaps(選填)
描述： 只允許小寫的英文字元輸入；作者沒把它寫到預設設定中
預設值： 無
 
nchars(選填)
描述： 預設拒絕輸入的字元
預設值： ""

方法說明：

檢視原始碼 JavaScript

// 讓指定的元素所能輸入的值只允許英數字
$(selector).alphanumeric(p);
 
// 讓指定的元素所能輸入的值只允許英文
$(selector).alpha(p);
 
// 讓指定的元素所能輸入的值只允許數字
$(selector).numeric(p);

使用範例：

檢視原始碼 JavaScript

<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="jquery.alphanumeric.js"></script>
<style type="text/css">
	.tb{
		border: 1px solid #ccc;
		padding: 5px;
		font-size: 12px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
	}
</style>
<script type="text/javascript">
	$(function(){
		// 只允許允許英數字
		$(".sample1").alphanumeric();
 
		// 除了允許允許英數字之外，還接受 . , 及空白
		$(".sample2").alphanumeric({
			allow:"., "
		});
 
		// 只允許允許小寫英文
		$(".sample3").alpha({
			nocaps:true
		});
 
		// 只允許允許數字
		$(".sample4").numeric();
 
		// 除了允許允許數字之外，還接受 .
		$(".sample5").numeric({
			allow:"."
		});
 
		// 自訂規則，除了 . 1 a 之外都能輸入
		$(".sample6").alphanumeric({
			ichars:'.1a'
		});
	});
</script>
 
<body>
	<h3>只允許允許英數字</h3>
	<input type="text" class="sample1 tb" />
 
	<h3>除了允許允許英數字之外，還接受 . , 及空白</h3>
	<input type="text" class="sample2 tb" />
 
	<h3>只允許允許小寫英文</h3>
	<input type="text" class="sample3 tb" />
 
	<h3>只允許允許數字</h3>
	<input type="text" class="sample4 tb" />
 
	<h3>除了允許允許數字之外，還接受 .</h3>
	<input type="text" class="sample5 tb" />
 
	<h3>自訂規則，除了 . 1 a 之外都能輸入</h3>
	<input type="text" class="sample6 tb" />
</body>