JavaScript/jQuery input [type = text] pattern

Question

好吧，我在表單中輸入了一個日期輸入。我希望它接受基於像「XX/XX/XXXX」這樣的模式的字符。目前它只接受數字和「/」。但我不希望用戶輸入像「X/XXXX/XX」或其他類型的日期，我不想像「// XX/XXX/XXX」那樣寫錯。我不知道如何在這一個上使用js，或者jQuery，所以用戶根據模式輸入日期，而不是以其他方式輸入。

Answer 1

看看爲： http://digitalbush.com/projects/masked-input-plugin/

Answer 2

也許你可以看看meiomask jQuery插件這是一個最好的，以用於應用模式的輸入，並添加automaticaly了「/」的日期。

Answer 3

廉價和簡單的方法可能只是實施jQuery UI datepicker控制，以便您可以通過它來控制輸入格式。

它基本上是一步步解決問題，但可能會將實際問題排除在等式之外。

Answer 4

使用正則表達式^(3[0-1]|[0-2]?[0-9])\/(0?[0-9]|1[0-2])\/(2[0-9]+)$：

var date = "20/12/2012"; 

console.log(isDateOK(date)); 

function isDateOK(date) { 
    return date.match(/^(3[0-1]|[0-2]?[0-9])\/(0?[0-9]|1[0-2])\/([1-2][0-9]{3})$/); 
} 

它將返回false，如果它不匹配。本例使用DD/MM/YYYY。如果你想MM/DD/YYYY，使用下面的正則表達式來代替：^(0?[0-9]|1[0-2])\/(3[0-1]|[0-2]?[0-9])\/[1-2][0-9]{3$

的jsfiddle：http://jsfiddle.net/UBFeN/2/