在表单中提交功能

时间:2015-01-02 17:24:14

标签: javascript jquery html forms onclick

我正在编辑一段时间以来我为我制作的剧本。由于不再使用Yahoo Messenger,我不再拥有原始编码器的联系人。

在我的联系表单上,它使用onclick =“$('#contact-form')。submit()”function。

我正在尝试从提交中获取联系表单,但是当我填写表单并单击“应用”时它将不会提交,我的猜测归结为验证我已更改或删除的某些字段的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>

我没有显示任何错误消息,当您单击“应用”按钮时,它似乎没有做任何事情。我不反对如何提交表单,我只是想找到一种方法来确保客户能够提交请求。

1 个答案:

答案 0 :(得分:1)

正如您所说“我对如何提交表单没有异议,我真的只是想找到一种方法来确保客户能够提交请求。”,您也可以按照以下方式进行汇总。

只需在</form>标记上方写下这一行。

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

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

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