具有3个提交的HTML表单,但是JavaScript无法正常工作

马特

我正在将BBCodes部分写到我的论坛中,所以我有三个提交按钮:一个用于颜色选择器,一个用于插入键入的url,一个用于实际发布论坛。

我使用带有onclick的按钮:URL和颜色选择器在将文本插入到textarea中时使用提交按钮,最终提交发布表单。当按下最终提交时,将发生以下错误:

未捕获的TypeError:document.getElementById(...)。submit不是一个函数

ps我删除了大多数BB的简单BBCodes,以减少html下的代码量。

注意:我还有另一个与此类似的发布类,尚未添加bbcode,并且用于发布表单的javascript效果很好-因此,我猜这是3个提交按钮引起的。

的HTML:

<form action="<?php echo esc_url($_SERVER['PHP_SELF']); ?>" method="get" name="postingTopicSub" id="postingTopicSub" enctype="multipart/form-data">
    <input type="hidden" name="topicID" id="topicID" value="<?php echo $topicID ?>"/>

    <div class="post-subject">
        Subject:
        <input type="text" name="subject" id="subject" />
    </div>

    <div class="post-addons">
        <input type="button" class="bbc_button" name="color" value="Choose a Font Color" onclick="bbstylecolor()" title="Font color: [color=red]text[/color] or [color=#FF0000]text[/color]">
        <div id="colour_palette" style="display:none;">
            <br>
            <input type="color" id="color" value="#ff0000">
            <input type="button" name="submit" value="Pick" onclick="bbcolor();">
            <br>
        </div>
        <br>
        <input type="button" class="bbc-button" name="bbcode1" value=" " style="background-image:url('../images/BBC/bold.gif');" onclick="bbstyle(1);" title="Bold Text: [b]text[/b]">
        <input type="button" class="bbc_button" name="bburl" value=" " style="background-image:url('../images/BBC/url.gif');" onclick="bburl();" title="List item: [url]http://url[/url] or [url=http://url]text[/url]">
        <div class="urlforms" id="url_div" style="display:none;">
            <br>
            <table style="margin: 0 auto;">
            <tr>
            <td>Enter a site URL:</td>
            <td width="200px";><input type="text" id="url_input" placeholder="http://themooliecommunity.com/"></td>
            </tr>
            <tr>
            <td>Optional description:</td> 
            <td width="200px";><input type="text" id="url_input_title" placeholder="The Moolie Community"></td>
            </tr>
            </table>
            <input type="button" name="submit" value="Insert into message" onclick="bburlpick();">
            <input type="button" name="cancel" value="Exit" onclick="bburl();">
        <br>
        </div>
        <br>
        <input type="button" class="bbc_button" name="bbcode14" value=" " style="background-image:url('../images/BBC/spoil.gif');" onclick="bbstyle(14);" title="Spoiler: [spoil]Text[/spoil]">
    </div>

    <div class="post-textarea">
        <textarea name="post_text" id="post_text" cols="100" rows="30"></textarea>
    </div>

    <div class="post-button">
        <input type="button" name="submittopic" id = "submittopic" value="Submit" onclick="topicPostSubmit();"/> 
    </div>
    <br>
</form>

Javascript:

最终提交按钮:

function forumssubmit() 
{
    var subject = document.getElementById("subject").value;
    var text = document.getElementById("post_text").value;

   if(subject=="" || text=="")
   {
       alert('Please fill in the subject and text');
       return false;
   }
   return true;
}

function topicPostSubmit()
{
  if(forumssubmit())
  {
    document.getElementById("postingTopicSub").submit(); //This is where the error is coming
  }
}

URL提交按钮js:

function bburlpick() 
{
    var e = document.getElementById("url_div");
    var text = document.getElementById("post_text").value;
    var url = document.getElementById("url_input").value;
    var url_title = document.getElementById("url_input_title").value;

    if (url_title == "")
    {
        var bburl = "[url]" + url + "[/url]";
    }
    else
    {
        var bburl = "[url=" + url + "]" + url_title + "[/url]";
    }
    text += bburl;
    document.getElementById("post_text").value = text;
    document.getElementById("post_text").focus();
    e.style.display = "none";
}

颜色提交按钮:

function bbcolor() 
{
    var text = document.getElementById("post_text").value;
    var color = document.getElementById("color").value;
    var bbcolor = "[color=" + color + "][/color]";
    text += bbcolor;
    document.getElementById("post_text").value = text;
    document.getElementById("post_text").focus();
}
编码公爵夫人

改变

<input type="button" name="submit" value="Pick" onclick="bbcolor();">

<input type="button" name="btnSubmit" value="Pick" onclick="bbcolor();">

问题是您的按钮名为“提交”

“提交不是函数”表示您将提交按钮或其他元素命名为提交。将按钮重命名为btnSubmit,您的通话将正常进行。只要确保将所有按钮重命名为“ submit”,您就有很多按钮。

检查一下:http : //www.chovy.com/javascript/javascript-error-submit-is-not-a-function/

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

表单提交无法正常工作

来自分类Dev

使用javascript取消表单提交无法正常工作

来自分类Dev

我的其中一个嵌入无法正常工作,但是我的另外两个具有几乎相同的代码,却无法正常工作

来自分类Dev

表单提交的Firebase更新无法正常工作?

来自分类Dev

AJAX表单提交无法正常工作

来自分类Dev

表单提交事件无法正常工作(Meteor)

来自分类Dev

Koa 2.0 表单提交无法正常工作

来自分类Dev

HTML表单无法正常工作

来自分类Dev

具有回调功能的Javascript无法正常工作

来自分类Dev

具有固定导航栏的Javascript无法正常工作

来自分类Dev

我希望下拉菜单具有最大宽度,但是CSS无法正常工作

来自分类Dev

Javascript:延迟提交无法正常工作

来自分类Dev

由于存在JQuery冲突而导致没有页面刷新的JQuery表单提交无法正常工作

来自分类Dev

表单上的2个按钮只有1个具有提交类型,但是都触发了Submit事件

来自分类Dev

HTML 表单按钮无法正常工作

来自分类Dev

HTML javascript无法正常工作

来自分类Dev

javascript表单返回但无法正常工作

来自分类Dev

javascript:从json构建了一个html表单,但是无法更新该表单

来自分类Dev

jQuery .submit()无法正常工作,但是提交按钮可以正常工作

来自分类Dev

jQuery .submit()无法正常工作,但是提交按钮可以正常工作

来自分类Dev

Bootbox回调表单提交无法正常工作

来自分类Dev

Bootbox回调表单提交无法正常工作

来自分类Dev

我想在单个html页面中有多个标签,但是我的代码无法正常工作

来自分类Dev

我的显示器声称具有3个USB 3.0端口,但是为什么在通过USB-C连接显示器时它们不能正常工作?

来自分类Dev

w3school包括HTML,JavaScript无法正常工作

来自分类Dev

我有一个带有滚动表单的部分,但滚动在颤动中无法正常工作

来自分类Dev

具有%20的ImagePath无法正常工作

来自分类Dev

具有%20的ImagePath无法正常工作

来自分类Dev

具有Filterrific的Rails无法正常工作

Related 相关文章

  1. 1

    表单提交无法正常工作

  2. 2

    使用javascript取消表单提交无法正常工作

  3. 3

    我的其中一个嵌入无法正常工作,但是我的另外两个具有几乎相同的代码,却无法正常工作

  4. 4

    表单提交的Firebase更新无法正常工作?

  5. 5

    AJAX表单提交无法正常工作

  6. 6

    表单提交事件无法正常工作(Meteor)

  7. 7

    Koa 2.0 表单提交无法正常工作

  8. 8

    HTML表单无法正常工作

  9. 9

    具有回调功能的Javascript无法正常工作

  10. 10

    具有固定导航栏的Javascript无法正常工作

  11. 11

    我希望下拉菜单具有最大宽度,但是CSS无法正常工作

  12. 12

    Javascript:延迟提交无法正常工作

  13. 13

    由于存在JQuery冲突而导致没有页面刷新的JQuery表单提交无法正常工作

  14. 14

    表单上的2个按钮只有1个具有提交类型,但是都触发了Submit事件

  15. 15

    HTML 表单按钮无法正常工作

  16. 16

    HTML javascript无法正常工作

  17. 17

    javascript表单返回但无法正常工作

  18. 18

    javascript:从json构建了一个html表单,但是无法更新该表单

  19. 19

    jQuery .submit()无法正常工作,但是提交按钮可以正常工作

  20. 20

    jQuery .submit()无法正常工作,但是提交按钮可以正常工作

  21. 21

    Bootbox回调表单提交无法正常工作

  22. 22

    Bootbox回调表单提交无法正常工作

  23. 23

    我想在单个html页面中有多个标签,但是我的代码无法正常工作

  24. 24

    我的显示器声称具有3个USB 3.0端口,但是为什么在通过USB-C连接显示器时它们不能正常工作?

  25. 25

    w3school包括HTML,JavaScript无法正常工作

  26. 26

    我有一个带有滚动表单的部分,但滚动在颤动中无法正常工作

  27. 27

    具有%20的ImagePath无法正常工作

  28. 28

    具有%20的ImagePath无法正常工作

  29. 29

    具有Filterrific的Rails无法正常工作

热门标签

归档