js实现表单form提交前进行确认提示
更新时间:2014-12-08 17:48 作者:佚名点击:
html中的表单提交弹出确认是非常的简单的只需要使用js中的window.confirm就可以实现了,具体的方法下面我们一起来看看。
window.confirm用法
confirm() 方法用于显示一个带有指定消息和 OK 及取消按钮的对话框。
例子
代码如下 |
|
<a href=""javascript:if(confirm("确认要删除该内容?"))location="del.asp?&areyou=删除&id=1"">删除</a>
|
定义一个函数,优点是可重复调用:
代码如下 |
|
<script language="javascript">
function del_sure(){
var gnl=confirm("确定要删除?");
if (gnl==true){
return true;
}else{
return false;
}
}
< /script>
|
说了这么多我们进入正题
代码如下 |
|
<html>
<head>
<title>Validator</title>
<script type="text/javascript">
function checkForm() {
if (window.confirm("Are you sure you want to sumbit this form?")) {
return true;
}
return false;
}
</script>
</head>
<body>
<form action="2.html" onsubmit="return checkForm()">
Please click the submit button:<br>
<input type="text" name="text" value="text"><br>
<input type="submit">
</form>
</body>
< /html>
|
核心是这一句 if (window.confirm("Are you sure you want to sumbit this form?")) ,当我们点击是时就会返回true然后提交了,否则就会取消操作。
|
------分隔线----------------------------