如何在文本输入完成时继续飞行

时间:2018-06-06 15:46:53

标签: javascript

如果输入文本已完成,我需要(在飞行中,而不是在提交表单时)获得有关提交按钮的javascript确认。

输入为<input type="text" name="first" value="" />

提交按钮为"<input type="submit" name="submit" />

在这个按钮中,我想要一个JavaScript脚本来确认字段&#34; first&#34;是空的,如onclick="return(confirm('Are you sure ?')" 在场地填满时,我不想做任何确认。

我知道如何在提交按钮后进行控制,但之前没有。 我想我必须使用AJAX在表单中传递变量以获得正确的值,但我不知道如何实现这一点。

1 个答案:

答案 0 :(得分:1)

您可以向onclick处理程序添加更多代码(检查文本及其是否为空返回确认状态)。

&#13;
&#13;
document.getElementById('submitButton').onclick = function() {
  var text = document.getElementById('textInput').value;
  if (!text) {
    // run only text is falthy (empty string, null, undefined etc)
    return confirm('Are you sure ?');
  }
}
&#13;
<form>
<input type="text" name="first" id='textInput' value="" />
<input type="submit" name="submit" id='submitButton'/>
</form>
&#13;
&#13;
&#13;

更多变种如何添加点击处理程序,您可以找到here