部隊字母和數字與連字符分隔的字段

Question

請在下面的圖片來看看

http://i50.tinypic.com/2cohfeo.jpg

我想幫助插入代碼的圖像中的4個特徵，從而形成新的HTML代碼

Answer 1

使用JavaScript和jQuery（如果你使用的常規的JavaScript，我認爲你需要使用的getElementById，谷歌它），並假設你的文本框被命名爲「文」：

http://api.jquery.com/keydown/

$('input[name=text]').keydown(function(event) 
{ 
    var text = this.val().replace("-",""); //get current text, take out the - 
    var strlength = text.length; 

    if (strlength >=10) //reached max length, ignore character   
    { 
     return false; // might be event.preventDefault(); 
    } 
    else if (strlength<5) //you want a letter 
    { 
     //if not a letter, cancel input 
     if (!(/^[a-zA-Z]+$/.test(String.fromCharCode(event.which))) return false; 
    } 
    else if (strlength>=5) //you want a letter 
    { 
     //if not a number, cancel input 
     if (!(/^[0-9]+$/.test(String.fromCharCode(event.which))) return false; 
     else if (strlength==5) this.val(text + "-"); //Add the hyphen 
    } 
}); 

可能需要編寫代碼來處理退格，但應該是不言自明/解釋