jQuery 可以动态更改“用户名”吗?基于“名称”的字段场地?

发布于 2024-09-06 06:24:48 字数 635 浏览 8 评论 0原文

基本上我有两个输入字段,“名称”和“用户名”。

这个想法是,“用户名”字段将根据“名称”字段中输入的内容动态变化。我还需要用户名字段仅采用小写并将空格更改为破折号。我正在考虑使用 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);
});

basically I have two input fields, "name" and "username".

The idea is that the "username" field will change depending on what is entered into the "name" field - dynamically. I also need the username field to be in lowercase only and to change spaces into dashes. I was thinking using onkeydown but I couldn't get it to do anything.

I've been looking around, but can't seem to find what I'm looking for. Anyone got any ideas?

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

^^ basic form inputs.

EDIT:

Here's the code I got working, if anyone else is looking for something like this:

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

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

嘿嘿嘿 2024-09-13 06:24:48

您可以设置 keyup 事件:

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

每次用户在名称字段中输入一个字母时都会调用该事件。

You could set keyup event:

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

This will be called every time user enters one letter in name field.

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文