错误处理"必需" html表单提交中的关键字

时间:2015-09-11 05:13:02

标签: javascript jquery html forms

我现在正做出一个艰难的设计决定。我在表单中有一堆空白,在html页面中有两个按钮,这两个按钮用于"添加"和"删除"数据进出数据库(假设我有一种从数据库中检索数据并在删除之前填充表单的方法)。我想制作一个错误处理机制 1)必须在提交前填写必填字段,并且 2)空表格(因此记录)无法删除

我的代码类似于以下内容:

<form id="fm" method="POST">
  <input name="a" required>
  <input name="b" required>
  <!-- let's say I have 20 other blank fields -->
  <button id="add"><input name="btn">Add</button>
  <button id="delete"><input name="btn">Delete</button>
</form>

在我的jquery中,我有:

$("#fm").submit( function() {
  return false;
});
$("#sbmbtn").click( function() {
  $.post(............)
  //and other magic tricks
});

如果我要将.click函数中的所有内容放入.submit函数中,javascript将自动强制执行&#34; required&#34;必须在提交前填写字段。但是,如果我这样做,另一个按钮会表现得很奇怪,因为两个按钮的形式相同,点击任何一个按钮都会触发表单提交,这是不可取的。

长话短说,我可能不会更改架构,我可以添加或调整哪些内容以确保在提交之前检查所需的字段?

0 个答案:

没有答案