如何阻止webform在"Enter"上提交

Question

我有一个提前输入文本字段,当用户点击"Enter"时,我想进行ajax调用,而不是同时提交表单.我的HTML看起来像这样:

<input id="drug_name" class="drugs_field" type="text" size="30" onkeypress="handleKeyPress(event,this.form); return false;" name="drug[name]" autocomplete="off"/>
<div id="drug_name_auto_complete" class="auto_complete" style="display: none;"/>
<script type="text/javascript">
  //<![CDATA[
  var drug_name_auto_completer = new Ajax.Autocompleter('drug_name', 'drug_name_auto_complete', '/sfc/pharmacy/auto_complete_for_drug_name', {})
  //]]>
</script>

Answer 1

您应该向表单本身添加一个事件处理程序,它调用一个函数来决定要做什么.

<form onsubmit="return someFunction();">

然后确保someFunction()在成功时返回false.如果它返回true,表单将正常提交(这是你试图阻止的!).所以你可以做你的AJAX调用,看它是否成功,并返回false.

这样做可以在AJAX调用失败的情况下提供后备,并通过从函数返回true来正常提交表单.