jquery - bootstrap contact_me 从另一个按钮提交

Question

我正在使用带有 contact_me.js 和 contact_me.php 的 Bootstrap contact_form 来提交我的联系表单。我遇到的问题是我有一个单页网站，页面上方是一个 Paypal 按钮。当我点击 paypal 按钮时，它正在提交联系表。

我试图在 paypal 按钮上执行“return false”以停止此操作，然后为提交 paypal 表单的 paypal 按钮单击设置一个 jquery 函数

这是我的 Paypal 表格

<form action="https://www.paypal.com/cgi-bin/webscr" name='paypalForm' method="post">
  <input type="hidden" name="cmd" value="_s-xclick">
  <input type="hidden" name="hosted_button_id" value="G8FJ3NGXWAE6G">
  <input type="hidden" name="on0" value="Reservations">Reservations:<br />

  <select name="os0">
    <option value="One Bike">One Bike &euro;300.00</option>
    <option value="Two Bikes">Two Bikes &euro;600.00</option>
    <option value="Three Bikes">Three Bikes &euro;900.00</option>
  </select> 
  <input type="hidden" name="currency_code" value="EUR"><br />
  <input type="image" src="https://www.paypalobjects.com/WEBSCR-640-20110429-1/en_US/GB/i/btn/btn_buynowCC_LG.gif" border="0" name="button"  onclick="return false;"id='paypalButton' alt="PayPal - The safer, easier way to pay online.">
  <img alt="" border="0" src="https://www.paypalobjects.com/WEBSCR-640-20110429-1/en_GB/i/scr/pixel.gif" width="1" height="1">
</form>

这是我的 jquery on click 函数(我将警报放入以检查它是否被调用)

$( "#paypalButton" ).click(function() {     
            alert('here');
            $( "#paypalForm" ).submit();
        });

如果我在 paypal 按钮上没有“return false”，这里是调用 contact_me.js 的开头

$("input,textarea").jqBootstrapValidation({
    preventSubmit: true,
    submitError: function($form, event, errors) {
        // something to have when submit produces an error ?
        // Not decided if I need it yet
    },
    submitSuccess: function($form, event) {
        event.preventDefault(); // prevent default submit behaviour
        // get values from FORM
        var name = $("input#name").val();
        var phone = $("input#phone").val();
        var email = $("input#email").val();
        var message = $("textarea#message").val();
        var firstName = name; // For Success/Failure Message
        // Check for white space in name for Success/Fail message
        if (firstName.indexOf(' ') >= 0) {
            firstName = name.split(' ').slice(0, -1).join(' ');
        }......... etc

如何在不提交联系表的情况下让 paypal 按钮提交？

我必须更改 contact_me.js(以及如何更改)还是可以从 $('#paypalButton').click() 更改？

Answer 1

我通过将表单的名称添加到 contactme.js 文件来修复此问题，这样提交调用就像这样

$('form[name="sentMessage"]').find("input,textarea").jqBootstrapValidation({

代替

$("input,textarea").jqBootstrapValidation({

现在一切正常