javascript - 使用此获取输入选择器

Question

我有一组动态生成的输入字段，因此我无法使用 ID。对于每个输入字段，我都有一个 focusout 方法，用于验证最终用户输入的值。

如果验证失败，我想清除输入的值并将焦点返回到同一输入。当我尝试使用此关键字时，范围似乎设置为窗口而不是输入控件。

输入字段截图:

function validate(reg){
debugger;
if(isNaN(reg)==false){
    return;
}
else
{
    alert("The field should contain number");
    $(this).val(""); //clear the value
    $(this).focus();
}
}

在上面的代码中，这个关键字似乎不起作用。

Answer 1

将事件传递给您的 validate() 函数，然后您可以使用 event.target 来定位输入元素。

function validate(reg, e){
debugger;
if(isNaN(reg)==false){
    return;
}
else
{
    alert("The field should contain number");
    $(e.target).val(""); //clear the value
    $(e.target).focus();
}
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input onfocusout="validate(this.value, event)"/>
<input onfocusout="validate(this.value, event)"/>
<input onfocusout="validate(this.value, event)"/>