您的位置：首页 > Web前端 > JavaScript

原生javascript 表单同步提交和提交前操作 和 document.form.submit() is not a function

2017-07-13 16:34 721 查看
原生javascript 表单同步提交和提交前操作

<?php
var_dump($_POST);
?>
<html>
<body>

<script language="javascript">
function SendForm ()
{
if(CheckPost())
{
document.addForm.submit();
}
}

function CheckPost ()
{
if (addForm.user.value == "")
{
alert("请填写用户名！");
addForm.username.focus();
return false;
}
if (addForm.title.value.length < 5)
{
alert("标题不能少于5个字符！");
addForm.title.focus();
return false;
}
return true;
}
</script>

<form action="test.php" method="post" name="addForm">
<div>用户:<input type="text" size="10" name="user" maxlength="20"/></div>
<div>标题:<input type="text" name="title" maxlength="50"/></div>
<div>内容:<textarea name="content" rows="8" cols="30"></textarea></div>
<div><input type="button" name="save" value="发表留言" onclick="SendForm();"/></div>
</form>

</body>
</html>

另附：


js提交表单错误：document.form.submit() is not a function

在最近的开发过程中，我遇到了一个很奇怪的问题，就是在利用JavaScript控制表单提交时，浏览器提示document.genForm.submit
is not a function。genForm是表单<form>的name，并且使用同样函数的另一个表单却执行正常，查找了半天也没有发现两个有什么 不同，后来在网上搜索了一番，结果找到了原因。

当表单<form>…</form>中含有name=”submit”时，提交时就会有冲突，这个错误常见于按钮上，如:

在javascript做submit()的时候就会出现冲突，这时将name=”submit”改成别的比如login之类的就可以了，反正submit在这个情况下是个保留关键字。

在表单的输入框中使用了<input name=”submit” type=”text” />，这样也是不行的。
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航