我需要確保某個字段只需要一些默認字母字符後的數字就像XXX-XX-1234。這裏XXX-XX-是不應該被刪除的默認字符。這些字母后,我希望用戶無法鍵入除數字以外的任何字符。
有沒有一個很好的方法來實現這一目標?只允許一些字母后的數字?
4
A
回答
2
您可以在您的情況下輸入正則表達式太
<input type="text" name="my_name"
pattern="[A-Za-z]{3}-[A-Za-z]{3}-[A-Za-z]{3}-[0-9]{4}" title="my title">
(刪除數字)
<input type="text" name="my_name" value="ABC-DE"
pattern="[A-Za-z]{3}-[A-Za-z]{2}-" title="my title">
2
這裏做的是FIDDLE
我希望我能做出這樣的評論@scaisEdge的答案,因爲我只是建立了它來添加一些有用的東西,但它太適合評論:
HTML:
<form>
<button>submit</button>
<input type="text" name="name1" value="ABC-DE-" pattern="[A-Za-z]{3}-[A-Za-z]{2}-\d{4}$" title="LLL-LL-DDDD - L is any letter, D is any digit" />
<input type="text" name="name2" value="XXX-XX-" pattern="XXX-XX-\d{4}$" title="XXX-XX-DDDD - D is any digit, rest as is" />
</form>
我用他的回答爲基礎,然後做了以下說明更多:
- 我補充說: 「\ d {4} $」到正則表達式模式結束強制4個數字然後沒有別的
- 我添加了一個新的文本輸入,顯示如何強制顯式指定特定字符Ëalphebetic /劃線部分
- 我添加的節目有幫助的模式暗示,因爲這些都在彈出窗口中顯示圖案時,拒絕
- 我把它所有的形式提交按鈕,以顯示它是如何協同工作
什麼不該做
我花了很多時間「滾動我自己的」代碼,使一個版本的文本輸入是特別限制在它前面的所有行動(對輸入變化,KEYDOWN,鍵盤,鼠標點擊)只允許放入最後4位數字,沒有其他的。它變成了「追逐角落案例」的遊戲,我很快就確信,使用經開發人員社區徹底審查的插件或庫是實現這種努力的方式,或使用上述的模式屬性。
這不僅是「垂直導向」這種特定的模式,即使經過很長時間才能消除所有角落的情況,但它仍然被打破。
我甚至解釋了這些困難,並在這個答案中提出了代碼和我的FIDDLE,但是意識到在StackOverflow上放置破碎的代碼並不是一個好主意,所以我剛纔做了相應的編輯來重做這個解釋並擺脫FIDDLE和我試過的替代路線的代碼。
相關問題
- 1. 只允許字母數字字符
- 2. 只允許字母數字值
- 3. 只允許英文字母/數字/數字和一些特殊字符
- 4. 只允許輸入字母
- 5. 允許一些特殊字符和字母數字字符
- 6. 只允許某些字符
- 7. 只允許字母和特殊字符
- 8. 只允許某些非字母字符在正則表達式
- 9. 只允許一些字符與grep?
- 10. 輸入允許數字和只有一個字母/符號
- 11. 只允許在UITextView中的字母數字字符
- 12. jQuery的誘捕只允許字母
- 13. 只允許textField中的字母
- 14. 只允許數字字符
- 15. 驗證,只允許空格字符後跟字母
- 16. Zend_Validate_Regex - 只允許字母,數字和字符-_
- 17. jQuery只允許數字,字母和連字符
- 18. 正則表達式屬性,只允許字母數字字符
- 19. 只允許字母,數字,下劃線或連字符django
- 20. 只允許字母,數字,變音符號,+, - ,並在字符串
- 21. 只允許7個字母數字字符,但無限空間
- 22. 僅在字母數字字符後才允許特殊字符?
- 23. UITextField只允許英文字母輸入
- 24. 只允許用戶名字母
- 25. 如何只允許輸入字母?
- 26. 文本框只允許使用字母
- 27. EditText只允許字母,所有語言的數字
- 28. 只允許所有語言的字母數字jQuery中
- 29. 只允許一些字母,禁止除其他(」 - )特殊字符($%等)
- 30. 只允許在字母數字和字符之間使用一個字符串
可能重複的[防止輸入任何輸入不匹配正則表達式的jquery插件](http://stackoverflow.com/questions/425497/jquery-plugin-for-preventing-entering-any-input-not-matching- a-regexp) –
http://www.w3schools.com/jsref/jsref_obj_regexp。asp;) –
可能有,但這是Stackoverflow,所以:你試過了什麼,在你寫的代碼中你卡住了什麼? –