是任何指導方針在Javascript中創建輸入掩碼 -

Question

我想創建不同的輸入掩碼，如JavaScript中的日期輸入掩碼。 什麼是創建口罩的最佳方式。 （沒有任何框架！）

感謝

Answer 1

附加一個事件監聽器在您輸入的onkeydown處理程序。類似這樣的：

function numericOnly(e) 
{ 

if(!e) e = event; 
var kc = e.which || e.keyCode; 
var shift = e.shiftKey; 

// Numeric and decimal point only 
return(kc == 8 || kc == 9 || kc == 46 ||  // Backspace, tab, delete 
     kc == 37 || kc == 39 ||    // Left and right arrow keys 
     kc == 110 || kc == 190 ||    // Decimal point (keyboard and num pad) 
     (kc >= 48 && kc <= 57 && !shift) || // Digits above letter (no shift) 
     (kc >= 96 && kc <= 105));   // Digits on num pad 
} 

對於日期驗證，您還將包含/字符。然後，我會將事件處理程序附加到輸入上的onBlur事件。使用該處理程序來針對正則表達式運行輸入以確保輸入正確的日期。

<input onkeydown="JavaScript: numericOnly(e);" 
     onblur="JavaScript: checkDate(this.value);">