2010-03-30 145 views
0

你將如何去約束使用Jquery的文本框的鍵盤輸入?限制鍵盤輸入jQuery

+1

對不起你的意思是什麼限制呢?將其限制爲某些字母?或者停止輸入任何文字? – aronchick 2010-03-30 05:28:48

+0

嗯,我有一個jQuery Datepicker文本框,它允許你指定你想要的日期格式,不幸的是,它允許33/335233/30010時,它應該只允許mm/dd/yyyy,以確保用戶不會放入任何無效輸入我限制鍵盤的輸入,因此用戶只能通過日期選擇器選擇日期。 – 2010-03-30 05:30:40

回答

3

如果您不希望用戶能夠在文本框中鍵入任何內容,請考慮readonlydisabled屬性。如果在服務器端需要文本框中的數據,則使其爲readonly。如果沒有,請將它製作成disabled

<input type="text" readonly="readonly" /> 

<input type="text" disabled="disabled" /> 

如果您希望用戶能夠在一些打字,但只限制某些類型的字符,如數字而已,後來聽在文本框中keyup事件。只要在文本框內釋放一個密鑰,它就會被觸發。在此事件回調中,檢查文本框的值,並根據需要更改值。

+0

+1鑑於評論(http://stackoverflow.com/questions/2543029/restrict-keyboard-input-jquery#comment-2543967),似乎'只讀'是要走的路(它允許焦點,但沒有輸入)。 – eyelidlessness 2010-03-30 05:38:45

0

<input type="text">使用屬性:maxlength