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

最新推荐文章于 2024-05-22 17:27:16 发布

战斗机金头蛮

最新推荐文章于 2024-05-22 17:27:16 发布

阅读量4.3k

点赞数

分类专栏： PHP

本文链接：https://blog.csdn.net/u010737354/article/details/75077762

版权

PHP 专栏收录该内容

67 篇文章 0 订阅

订阅专栏

原生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="发表留言" οnclick="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” />，这样也是不行的。

战斗机金头蛮

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
原生javascript 表单同步提交和提交前操作和 document.form.submit() is not a function

原生javascript 表单同步提交和提交前操作<?php var_dump($_POST);?> function SendForm () { if(CheckPost()) { document.addForm.submit(); } } function Check
复制链接

扫一扫