部队字母和数字与连字符分隔的字段

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 
    } 
}); 

可能需要编写代码来处理退格，但应该是不言自明/解释