我现在正做出一个艰难的设计决定。我在表单中有一堆空白,在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;必须在提交前填写字段。但是,如果我这样做,另一个按钮会表现得很奇怪,因为两个按钮的形式相同,点击任何一个按钮都会触发表单提交,这是不可取的。
长话短说,我可能不会更改架构,我可以添加或调整哪些内容以确保在提交之前检查所需的字段?