如何在单击输入按钮而不是提交按钮之前创建输入字段？

Question

我有一个关于在单击输入按钮（不是提交按钮）之前需要输入字段的问题。我的代码只会在点击提交按钮后发出要求通知。

我的表单分为3个div，其中＆＃39; next＆＃39;中间的按钮有条件地显示下一个div。如何在＆＃39; next＆＃39;之前使输入字段成为必需。按钮会显示我表单的下一个div部分吗？

 

   

Answer 1

你应该发布你的问题的HTML。它缺失了。话虽如此，查看每次输入失去焦点时触发的模糊事件。您可以添加逻辑以向用户显示错误并禁用下一个按钮。

http://www.w3schools.com/jquery/event_blur.asp

Answer 2

您有两个主要选择：

第一个选项

您可以像这样禁用按钮：<input id="but" type="button" disabled>，然后，您可以设置字段onchange方法以启用按钮i。即<input type="text" onchange="changed();">并在您的脚本中

function changed(){

  if(1 == 1){ // custom test
    document.getElementById("but").disabled = false;
  }

}

第二个选项

在您的按钮处理程序中，验证您的文本字段已填满i。即

function butHandler(){

  if(document.getElementById("textfield").value !== "") {
      // do your actions
  }

}