动态使用jQuery更新输入文本

我正在使用jQuery编写一个表单。在表单中，我试图在用户输入类型后立即更新字段。很像，当用户键入一些特殊字符时，它会删除它们，同时更新文本。我正在使用jquery实现同样的功能。但是，我的代码不起作用

以下是我所做的：

表格编号：

<form name="user">
   <input name="appShortName" type="text" class="form-control" id="inputappShortName" placeholder="Application Name">
</form>

您需要使用

val（）

作为getter，使用

val（'value'）

作为setter。试试这个：

$('#appShortName').keyup(function(){
    var newValue = $(this).val().replace(/[^\w]/gi, '')
    $(this).val(newValue);
});

另外，HTML中属性的

id

与jQuery选择器不匹配，这是一个输入错误吗？

您需要使用

val（）

作为getter，使用

val（'value'）

作为setter。试试这个：

$('#appShortName').keyup(function(){
    var newValue = $(this).val().replace(/[^\w]/gi, '')
    $(this).val(newValue);
});

此外，HTML中属性的

id

与jQuery选择器不匹配，这是打字错误吗？

使用

#inputappShortName

而不是

#appShortName

$('#inputappShortName').keyup(function(){
    var newValue = $(this).val().replace(/[^\w]/gi, '')
    $(this).val(newValue);
});

选中此项

使用

#inputappShortName

而不是

#appShortName

$('#inputappShortName').keyup(function(){
    var newValue = $(this).val().replace(/[^\w]/gi, '')
    $(this).val(newValue);
});

---

检查此项

尝试类似于此的较短版本

    $(function(){
       $('#inputappShortName').keyup(function(){
           this.value = this.value.textreplace(/[^\w]/gi, '');
       });
    });

---

试试这个，短一点的

    $(function(){
       $('#inputappShortName').keyup(function(){
           this.value = this.value.textreplace(/[^\w]/gi, '');
       });
    });

---

如果要针对没有id的输入字段，可以使用：

$(function(){
    $('input[name="appShortName"]').keyup(function(){
        var newValue = $(this).val().replace(/[^\w]/gi, '')
        $(this).val(newValue);
    });
});

---

jsfiddle:

如果您希望以没有id的输入字段为目标，可以使用以下命令：

$(function(){
    $('input[name="appShortName"]').keyup(function(){
        var newValue = $(this).val().replace(/[^\w]/gi, '')
        $(this).val(newValue);
    });
});

---

jsfiddle:

您已经尝试了这段代码

$('#inputappShortName').keyup(function(){
    var newValue = $(this).val().replace(/[^\w]/gi, '')
    $(this).text(newValue);
});

---

你已经试过这个代码了

$('#inputappShortName').keyup(function(){
    var newValue = $(this).val().replace(/[^\w]/gi, '')
    $(this).text(newValue);
});

---

在哪里添加此代码？当我在“文档”下的“脚本”下添加此代码时，此代码不起作用。准备就绪我在何处添加此代码？当我在document.ready下的脚本下添加此内容时，它不起作用