[英]Confirm before a form submit
我找了一个答案却找不到答案!
我有一个简单的表格,
<form action="adminprocess.php" method="POST">
<input type="submit" name="completeYes" value="Complete Transaction" />
</form>
在处理表格之前,我该如何调整以确认?
我试过onclick,但无法让它工作。
有任何想法吗?
更新 - 我现在拥有的。
<script type="text/javascript">
var el = document.getElementById('myCoolForm');
el.addEventListener('submit', function(){
return confirm('Are you sure you want to submit this form?');
}, false);
</script>
<form action="adminprocess.php" method="POST" id="myCoolForm">
<input type="submit" name="completeYes" value="Complete Transaction" />
</form>
HTML:
<form action="adminprocess.php" method="POST" id="myCoolForm">
<input type="submit" name="completeYes" value="Complete Transaction" />
</form>
JavaScript的:
var el = document.getElementById('myCoolForm');
el.addEventListener('submit', function(){
return confirm('Are you sure you want to submit this form?');
}, false);
编辑:你总是可以像这样使用内联JS代码:
<form action="adminprocess.php" method="POST" onsubmit="return confirm('Are you sure you want to submit this form?');">
<input type="submit" name="completeYes" value="Complete Transaction" />
</form>
<input type="submit" onclick="return confirm('Are you sure you want to do that?');">
正确的事件是onSubmit(),它应该附加到表单。 虽然我认为可以使用onClick,但是onSubmit是正确的。
如果你已经在使用jQuery ..你可以使用事件处理程序在提交之前触发
$(document).ready(function() {
$("#formID").submit(function(){
// handle submission
});
});
参考: http : //api.jquery.com/submit/
var submit = document.querySelector("input[type=submit]"); /* set onclick on submit input */ submit.setAttribute("onclick", "return test()"); //submit.addEventListener("click", test); function test() { if (confirm('Are you sure you want to submit this form?')) { return true; } else { return false; } }
<form action="admin.php" method="POST"> <input type="submit" value="Submit" /> </form>
如果你有多个提交按钮来执行不同的操作,你可以这样做。
<input TYPE=SUBMIT NAME="submitDelete" VALUE="Delete Script" onclick='return window.confirm("Are you sure you want to delete this?");'>
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.