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

来源:互联网 发布:mac文字游戏制作软件 编辑:程序博客网 时间:2024/06/16 01:15

原生javascript 表单同步提交和提交前操作

<?phpvar_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” />,这样也是不行的。


阅读全文
0 0
原创粉丝点击