jQuery 可以动态更改“用户名”吗?基于“名称”的字段场地?
基本上我有两个输入字段,“名称”和“用户名”。
这个想法是,“用户名”字段将根据“名称”字段中输入的内容动态变化。我还需要用户名字段仅采用小写并将空格更改为破折号。我正在考虑使用 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 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(1)
您可以设置 keyup 事件:
每次用户在名称字段中输入一个字母时都会调用该事件。
You could set keyup event:
This will be called every time user enters one letter in name field.