Question

我有两个超文本输入领域article 和url。

页: 1 • 重复外地条款进入现场,向地轨道友好连接点:<>>

url allowed symbols a-z (capital letters converted to lowercase),
url space symbol replace with dash -,
url other symbols ignored.

仅在外地打字的要求

<input type="text" name="article">

<代码>url field is jquery auto produced and updated by field article 价值

<input type="text" name="url">

Answer 1

这一工作应当:

function name_to_url(name) {
    name = name.toLowerCase(); // lowercase
    name = name.replace(/^s+|s+$/g,   ); // remove leading and trailing whitespaces
    name = name.replace(/s+/g,  - ); // convert (continuous) whitespaces to one -
    name = name.replace(/[^a-z-]/g,   ); // remove everything that is not [a-z] or -
    return name;
}

之后

$( input[name=article] ).blur(function() {
    $( input[name=url] ).val(name_to_url($(this).val())); // set value
});

这在条款领域分散重点时,每当午餐场的价值就确定。

它保留了现有的<代码>-。因此,如果你也想去除,那么,你必须修改<代码>的最后一行和第三行,即:

name = name.replace(/[^a-z ]/g,   ); // remove everything that is not [a-z] or whitespace
name = name.replace(/s+/g,  - ); // convert (continuous) whitespaces to one -

参考:http://api.jquery.com/blur/“rel=>nofollow noreferer”>.blur(,>>>,val()>,

<>Update:

我将设立一个新的职能,即:<代码>update_URL():

function update_URL() {
     var value = name_to_url($( input[name=article] ).val()) +  -  + $( input[name=year] ).val();
     $( input[name=url] ).val(value)
}

那么,你可以就任何事件,例如<代码>keyup():

$( input[name=article] ).keyup(function() {
    update_URL();
});

友情链接