jQuery可以根据“名称”字段动态更改“用户名”字段吗?

时间:2010-06-18 00:23:24

标签: jquery keydown onkeypress onkeyup

基本上我有两个输入字段,“name”和“username”。

这个想法是“用户名”字段将根据输入“名称”字段的内容而动态变化。我还需要将username字段设置为小写,并将空格更改为破折号。我在考虑使用onkeydown,但我无法做任何事情。

我一直在四处寻找,但似乎无法找到我正在寻找的东西。有人有任何想法吗?

<input type="text" name="name" id="name" class="field" />
<input type="text" name="username" id="username" class="field" />

^^基本表格输入。

编辑:

这是我工作的代码,如果其他人正在寻找这样的东西:

function fill_username(value) {
  $("#username").val(value);
}
$("#client-name").keyup(function() {
  var value = $(this).val();
  var value = value.replace(/\s+/g, '-').toLowerCase();
  fill_username(value);
});

1 个答案:

答案 0 :(得分:4)

你可以设置keyup事件:

$('#name').keyup(function() {
  fill_username();
});

每次用户在名称字段中输入一个字母时,都会调用此方法。