Javascript 单个HTML表单中的多个提交按钮

我要切入正题。我希望有两个单独的按钮，它有两个独特的功能。但是，从同一表单中获取数据是非常困难的。我目前面临的问题是

onSubmit（）

总是使用我附加到表单的任何按钮而不是表单本身的函数来执行

checkUser.js

：从输入字段获取用户名，并尝试将其与数据库（Oracle）匹配

更新1： 我相应地改变了它们。但是，按

Check

仍然会将我转发到

StaffRegAuth.jsp

，而不是执行

checkUser

然后打开一个新窗口

...
登记
检查

不要使用提交

即， 不要使用

而是制作两个单独的按钮，并在单击时调用不同的函数。请注意，您仍然可以获得表单值

即

---

使用

return

，现在就可以使用该函数了。如果您想返回表单而不进入下一页，那么只需在javascript中返回false即可。

使用

按钮文本

我经常使用的技巧之一如下

<form action="submit.jsp">
  <button type="submit" name="submit_form" value="1" class="hiddenSubmit">Submit</button>
  ...
  <button type="submit" name="clear_form" value="1">Clear</button>
  <button type="submit" name="submit_form" value="1">Submit</button>
</form>

提交
...
清楚的
提交

通过给按钮赋予不同的名称，您可以让表单执行任何一致的处理，并让服务器管理任何特定于按钮的处理。当然，您也可以将事件处理程序附加到单独的按钮

---

为什么它有两个按钮？第一个有一个类，您可以将其设置为活动但不可见（例如，

位置：绝对；顶部：-1000px；左侧：-1000px

），以便键盘

将触发该按钮，而不是另一个

按钮[name=“clear_form”]

我在加载

checkUser（）时仍然遇到问题。问题是否与javascript本身有关？谢谢！javascript中一定有问题。您在控制台日志中看到了哪些错误？没有显示任何错误。我的意图是使用
checkUser
和
validStaffReg
检查任何指定的条件，然后允许其进入下一页进行数据存储使用
onclick=“return checkUser（）”
。如果您的条件不满足，并且希望在进入下一页之前返回表单，只需在javascript中返回false即可。我已经更新了我的
checkUser.js
。但是，返回一个false值并不能阻止web页面转到
StaffRegAuth.jsp
可能重复的
<form action="submit.jsp">
  <button type="submit" name="submit_form" value="1" class="hiddenSubmit">Submit</button>
  ...
  <button type="submit" name="clear_form" value="1">Clear</button>
  <button type="submit" name="submit_form" value="1">Submit</button>
</form>