javascript - 输入键检测+空值则不应提交表单

Question

我有两个文本字段为必填字段，其余字段都是正常的。现在我必须检测回车键并提交表单。我已经这样做了，但问题是，当发生错误时(例如:字段为空)，我必须停止提交表单，但表单仍在提交。

<input autocomplete="off"  type="text" id="first_name"  size="10"
onkeypress="if(event.keyCode == 13){ 
document.getElementById('btn_search').click();
return false;}">

这里btn_search是搜索按钮的id，我必须执行它。但当字段为空时，不应提交表单。给我一些建议吗？

即使我在 JavaScript 文件中创建单独的函数，我也会得到相同的响应。事实上，我在过去 48 小时内就遇到了这个问题。

Answer 1

我建议您在表单的 onsubmit 操作中执行验证，而不是处理输入中的按键:

<form action="/foo" onsubmit="return validate();">
    <input autocomplete="off" type="text" id="first_name" size="10" />
    <input type="submit" value="Search" />
</form>

在您的 validate 函数中:

function validate() {
    var firstName = document.getElementById('first_name').value;
    var isFormValid = (firstName != '');

    return isFormValid;
}