html - 将字母和数字强制放入带有连字符分隔符的字段中

Question

请看下图

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

我需要帮助在图像中插入 4 个特征的代码，从而形成新的 html 代码

Answer 1

使用 javascript 和 jquery(如果您使用的是常规 javascript，我认为您需要使用 getElementById，Google 一下)并假设您的文本框名为“文本”:

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

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