使用输入按钮提交无形式“表单”

3 回答

• 1

  将相关字段放在表单中 . 注册一个"onsubmit"事件处理程序，并使其与按钮的"onclick"处理程序相同 . 从事件处理程序返回时，应该返回false，或者应该调用 event.preventDefault() . 这将阻止表单（通过POST）提交到服务器 .

  回复于 2024-04-29T23:31:13+08:00
• 1

  JQuery中的解决方案：

  //when you a key on an input
  $("input").keyup(function (e) {
      //if it is enter
      if (e.keyCode == 13) {
          //look for the next submit button a trigger a click
          $(this).next("button[type='submit']").click();
      }
  });
  

  我不是一个道场编码器，但文档似乎很好：

  http://dojotoolkit.org/documentation/tutorials/1.6/key_events/

  http://dojotoolkit.org/api/1.6/dojo/keys/ENTER

  看到这里的相关答案：

  Enter key press event in JavaScript

  http://dojo-toolkit.33424.n3.nabble.com/want-enter-key-in-ValidationTextBox-to-submit-the-form-td977303.html

  回复于 2024-04-29T23:31:13+08:00
• 1

  覆盖默认表单提交操作

  您可以覆盖表单上的默认提交操作 . 将表单保存在 <form> 标签中是理所当然的，即使你想要覆盖默认行为，并做你想做的事情，就像你那个强大，独立的黑人女性一样 .

  jsFiddle

  HTML:

  <form id="myForm">
      <input type="text" />
      <button type="submit">Submit</button>
  </form>
  

  JavaScript:

  var myForm = document.getElementById('myForm');
  myForm.addEventListener('submit',function(event){
      alert('submit pressed -- do as you please');
      event.preventDefault(); // cancels form submission
  });
  

  //追 .

  回复于 2024-04-29T23:31:13+08:00