js 表单提交前进行确认

时间:2015-12-17
使用js来提交表单很简单，但有的时候，当使用js提交表单时，需要在提交前给用户一个提示信息，是否真的需要提交表单，以免出现错误操作。本文章向大家讲解js提交表单的同时，将功能进一步扩展到提交表单前进行确认。需要这方面知识的码农可以参考一下。

js提交表单，我们可以使用document.getElementById("formid").submit()来实现。

提示框可以使用window.confirm来实现。

下面来看一下具体的代码：

<html>
<head>
<title>js表单提交前进行确认提示</title>
<script type="text/javascript">
function formSubmit()
{
     if (window.confirm("确定提交表单吗?")){
            document.getElementById("form1").submit();
     }
} 
</script>
</head>
<body>
<form id="form1" method="post" action="/abc.php">
First name: 
<input type="text" name="FirstName" value="wu" size="20">
<br />Last name: 
<input type="text" name="LastName" value="xiao" size="20">
<br />
<input type="button" value="使用js提示是否提交表单" onclick="formSubmit();">
</form> 
</body>
</html>

你可以复制本文章的代码到这里运行一把，马上去运行

小结：实现js 表单提交主要使用到js的submit()方法。实现提示是否提交表单主要使用到window.confirm()方法。

随机文章
Javascript知识点必读
最近更新