javascript-jQuery(或仅JS)从onSubmit函数中的多个表单提交按钮中进行选择
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了javascript-jQuery(或仅JS)从onSubmit函数中的多个表单提交按钮中进行选择,小编现在分享给大家,供广大互联网技能从业者学习和参考。文章包含1781字,纯文字阅读大概需要3分钟。
内容图文
![javascript-jQuery(或仅JS)从onSubmit函数中的多个表单提交按钮中进行选择](/upload/InfoBanner/zyjiaocheng/656/46dfa9f32a074afd9a8058d5c6108275.jpg)
我有一个包含多个提交按钮的表单.一种用于更改数据库中的数据,一种用于添加,另一种用于删除.看起来像这样:
<form action="addform.php" method="post" id="addform" onSubmit="return validate(this)">
<select name="listings" id="listings" size="1" onChange="javascript:updateForm()">
<!-- Here I have a php code that produces the listing menu based on a database query-->
</select>
<br />
Price: <input type="text" name="price" id="price" value="0"/><br />
Remarks: <textarea name="remarks" wrap="soft" id="remarks"></textarea><br />
<input type="submit" value="Update Database Listing" name="upbtn" id="upbtn" disabled="disabled"/>
<input type="submit" value="Delete Database Listing" name="delbtn" id="delbtn" disabled="disabled"/>
<br />
<input type="submit" value="Add Listing to Database" name="dbbtn" id="dbbtn"/>
<input type="button" value="Update Craigslist Output" name="clbtn" id="clbtn" onClick="javascript:updatePreview();"/>
</form>
表单中实际上有更多元素,但这无关紧要.我想知道的是,对于我的验证方法,我如何检查单击了哪个提交按钮?
我希望它执行以下操作:
function validate(form){
if (the 'add new listing' or 'update listing' button was clicked'){
var valid = "Are you sure the following information is correct?" + '\\n';
valid += "\\nPrice: $";
valid += form.price.value;
valid += "\\nRemarks: ";
valid += form.remarks.value;
return confirm(valid);}
else {
return confirm("are you sure you want to delete that listing");
}
}
我认为必须有某种方法可以相对容易地做到这一点?
解决方法:
为什么不设置一个全局变量来指定最后一次单击哪个按钮?然后,您可以在validate方法中检查此变量.就像是:
var clicked;
$("#upbtn").click(function() {clicked = 'update'});
// $("#delbtn").click(function() {clicked = 'delete'});
// ...
function validate(form) {
switch(clicked) {
case 'update':
break;
// more cases here ...
}
}
内容总结
以上是互联网集市为您收集整理的javascript-jQuery(或仅JS)从onSubmit函数中的多个表单提交按钮中进行选择全部内容,希望文章能够帮你解决javascript-jQuery(或仅JS)从onSubmit函数中的多个表单提交按钮中进行选择所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错,欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 gblab@vip.qq.com 举报,一经查实,本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。