javascript - 表单内提交函数

标签 javascript jquery html forms onclick

我目前正在编辑一段时间之前为我制作的脚本。由于不再使用 Yahoo Messenger,我不再有原始编码员的联系方式。

在我的联系表单上,它使用 onclick="$('#contact-form').submit()"函数。

我正在尝试获取提交的联系表单,但当我完成表单并单击“应用”时,它不会提交,我的猜测是 Javascript 验证了我已更改或删除的一些字段。我有办法解决这个问题吗?我已经删除了 onclick 函数,但是当我尝试填写表单时它不会提交。

这是我的表单标题:

            <div id="contact-form" class="box1 form css3" xmlns:pageScript="urn:pageScript">
                <a name="loanform"></a>
                <form action="thankyou.php" method="post" id="contact-form">
                    <fieldset class="loan">
                                <legend><span>1 - Your Details</span></legend>
                                                    <ol class="group" data-role="listview">
                            <li class="clearfix" id="ValItem">
                                <label for="Val" id="ValCheck">Amount</label>

对于表单的底部,因为表单有相当多的字段......

    <fieldset class="submit" style="height:0;overflow:hidden">
                        <ol class="group" data-role="none">
                            <li></li>
                        </ol>
                    </fieldset>

                    <div id="warning-box">
                        <p>By pressing the APPLY button below you agree to our Terms and Conditions.</p>
                    </div>
                    <div class="full-width clearfix">
                        <div id="previousButton" class="prev-button"><img class="full-width prev-desktop" src="back-button.png" border="0"/><img class="full-width prev-mobile" src="back-button.png" border="0"/></div>
                        <div id="nextButton" class="next-button"><img class="full-width next-desktop" src="next-button.png" border="0"/><img class="full-width next-mobile" src="next-button.png" border="0"/></div>
                        <div id="SendEnquiry" name="SendEnquiry" onclick="$('#contact-form').submit()" class="apply-button"><img class="full-width apply-desktop" src="apply-button.png" border="0"/><img class="full-width apply-mobile" src="apply-button.png" border="0"/></div>
                    </div>
                </form>
                <button id="popButton" style="display:none">x</button>
            </div>

我没有收到任何错误消息显示,当您单击“应用”按钮时,它似乎没有执行任何操作。我不反对如何提交表单,我实际上只是在寻找一种解决方法,以确保客户能够在那里提交请求。

最佳答案

正如您所说“我不反对如何提交表单,我实际上只是在寻找一种解决方法,以确保客户能够在那里提交请求。”,您也可以按如下方式提交。

只需在上面写下这一行 </form>标签。

<input type="submit" value="SUBMIT"/>

此行将在您的页面中添加新按钮。您可以将其替换为旧按钮的 css。

这种方式非常简单,您不需要在 html 页面中包含 jquery。

关于javascript - 表单内提交函数,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27746009/

相关文章:

javascript - 我怎样才能让这个js在按钮标签而不是 anchor 上工作?

javascript - 为什么要将所有 Javascript 代码放在一个文件中?

javascript - 如何使用 jQuery 在多个 div 中添加三个不同的类?

javascript - Flask:提交表单时为什么不调用 AJAX?

JavaScript 坚持认为 0 是 NaN

php - 使用 $.ajax 向 PHP 传递数据会使 $_POST 为空

javascript - JavaScript 中的 mouseout 终止函数

html - CSS 将视口(viewport)中的元素垂直和水平居中并使其响应跨浏览器

html - IE7的 block 对齐问题,如何解决?

javascript - jQuery 从 iframe 弹出图像