Question

我正在尝试组合一个小函数来更改表单输入字段的类。我知道我可以针对特定的if执行此操作，但我希望使用适当的id为多个字段运行该函数。我的Javascript体验是有限的，我的jQuery也是如此。我已经在页面上使用jQuery下拉/汉堡菜单，所以我想使用jQuery。我也想使用onChange而不是像onKeyUp之类的东西来触发它，因为有人可能会用鼠标粘贴我已经有一个焦点类，所以只有当有人离开时才需要更改类。

到目前为止我所拥有的：

function fieldClass(id) {
    $('id').removeClass('err').addClass('wider');     
}

<input class="err" type="Text" name="eName" id="eName" maxlength="100" placeholder="Please provide a name for the event" onChange="fieldClass(this.id);">

对此有任何帮助将不胜感激。

Answer 1

使用$('#'+id)代替$('id')！当您使用$('id') js搜索名为<id>！

的标记时

<input class="err" type="Text" name="eName" id="eName" maxlength="100" placeholder="Please provide a name for the event" onChange="fieldClass(this.id);">
<script>
function fieldClass(id) {
    $('#'+id).removeClass('err').addClass('wider');     
  }
</script>

Answer 2

您的fieldClass函数接受id参数，但您没有使用它。相反，您使用'id'作为字符串。此外，ID选择器应以#开头。你应该把它改成：

$('#' + id).removeClass('err').addClass('wider');

Answer 3

我希望该功能可以运行多个字段

这样做，你用一个ie共享类来定位一组输入，并且你将这个处理程序直接附加到每个输入，而不需要乱用id，更简单，更方便更高效的代码

的jQuery

<input class="myinputs err" type="Text" name="eName" id="eName" maxlength="100" placeholder="Please provide a name for the event">
<input class="myinputs err" type="Text" name="eAddress" id="eAddress" maxlength="100" placeholder="Please provide an address for the event">

HTML

@ECHO OFF
cd backup
set /p name=Please enter the folder name: 
pause
IF EXIST %name% echo "Folder already exists"
IF NOT EXIST %name% echo "Folder does not exist"
echo done
set flag=1
)
if %flag%==0 echo This folder doesnt exist Returning to maintenance menu...
pause

基于输入字段id的运行功能

3 个答案: