html+javascript如何在表单数据提交之前进行友好提示
2016-02-29 18:37
417 查看
原文链接:https://www.geek-share.com/detail/2667675230.html
这种问题的应用场景是很多的,比如当用户购物需要删除某订单时,需要弹出对话框用户确认是否继续该操作。我把此种操作称作为用户危险操作。在用户进行危险操作时候务必要对弹窗给出友情提示,危险操作在用户确认之后才可继续进行。
现在这里有一个form表单,表单中有一个操作删除用户的所有历史信息。
<form action = "action" id = "formtest">
//删除用户所有信息...
<input type = "submit" value = "Submit" id = "btn">
</form>
[/code]
此时为了保证此按钮不是用户无意中点到,确保用户信息安全。需要对这项提交进行验证。
如果按照常规思维:可以通过js判断,并在submit中onclick此函数于是有了一下代码:
<script> function confirmtest(){ if(confirm("是否确认删除所有数据?此项操作不可逆!")){ document.getElementById("btn").submit(); } } </script>
网上很多网友也都是给的这个答案或类似答案,但是这个答案是错误的。
没错,当使用如上代码时候,弹出了对话框,询问用户是否继续,但是不论用户点击确定或者取消,表单都会立即提交数据。--删除用户多有信息。
那么正确的代码是什么?
<form action = "action" id = "formtest" onsubmit = "return confirmsub()">
//删除用户所有信息...
<input type = "submit" value = "Submit" id = "btn">
</form>
<script>
function confirmsub(){
if(confirm("确定要取消此订单吗?")){
return true;
}else{
return false;
}
}
</script>
[/code]
onsubmit = "return confirmsub()"
[/code]
转载于:https://www.geek-share.com/detail/2667675230.html
相关文章推荐
- html+javascript如何在表单数据提交之前进行友好提示
- HTML提交表单用户选择的头像如何利用<select>标签提交到PHP并连接数据库进行存读操作
- 来自w3cschool的jsp表单验证:JavaScript 可用来在数据被送往服务器前对 HTML 表单中的这些输入数据进行验证
- 一个用javascript编写的表单提交的例子(包括用正则表达式对数据进行验证)
- javascript实现一个html提交的表单数据放到另一个html页面显示
- 在html中如何获取表单提交的数据
- Html如何使表达提交后,点回退/返回,保留表单数据?
- 面试题之HTML 的 form 提交之前如何验证数值文本框的内容全 部为数字? 否则的话提示用户并终止提交?
- html中的单选按钮radio如何实现可同时选中多个值进行表单提交
- form表单提交数据时进行数据验证并提示弹框
- Html如何使表达提交后,点回退/返回,保留表单数据?
- html中 如何使用 Javascript 实现防止表单反复提交
- HTML 的 form 提交之前如何验证数值不为空? 为空的话提示用户并终止提交
- HTML 的 form 提交之前如何验证数值文本框的内容全部为数字? 否则的话提示用户并终止提交?
- 如何通过javascript提交表单form
- Javascript模拟FORM以POST方式提交表单数据
- 如何用回车键提交【无表单数据】?
- JavaScript第二课-表单及两种数据提交方式
- Java中,当表单含有文件上传时,提交数据的如何读取
- 把HTML表单提交的数据转化成XML文件的补充