輸入中的靜態連字符
[英]Static hyphens within an input
問題描述
我正在處理的輸入用於SSN。 我想輸入一個連字符，並且用戶只需輸入他/她的9位數SSN，數字就可以在連字符之間自行隔開。
這是我的意思的cr腳繪畫：
這些在產品密鑰輸入和類似的其他形式中非常常見。 我很難思考如何從頭開始制作一個。 我精通HTML，AngularJS，並且了解一些JQuery。 為了可重用性，輸入位於其自己的AngularJs指令中，以便控制器可以執行任何邏輯。
我正在考慮使用3個壓縮在一起的輸入或一些輸入過濾，但是我不確定。 如果在github或其他地方已經有一些公共的輕量級代碼，那也很好。
這樣的目標也是讓ng-model保持原樣，其中只有9位數字，並且不包含任何連字符。
謝謝！
1 個解決方案
解決方案1
3 已采納 2015-09-18 18:20:25
為什么不使用Angular模塊之類的東西，您可以在此處查看預覽
https://htmlpreview.github.io/?https://github.com/angular-ui/ui-mask/master/demo/index.html
jQuery：在靜態和動態創建的表單行中抓取所有輸入值，並將所有內容附加到頁面
[英]jQuery: Grabbing All Input Values within Static and Dynamically Created Form Rows and Appending All to Page
Javascript：正則表達式捕獲空格和特殊字符除了單詞內的連字符
[英]Javascript: Regex to capture white space and special characters EXCEPT hyphens within words
格式化自動顯示點和連字符但在提交表單時不允許它們的文檔輸入字段
[英]Formatting an document input field that shows automatically dots and hyphens but not allowing them when submitting the form
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.