2017-10-07 82 views
-3

我實現了一個帶有2個按鈕的頁面,這些按鈕在按鈕點擊時調用2個不同的函數。但是任何按鈕都不起作用。他們只是重新加載相同的頁面。我會把我的代碼放在下面。以相同的形式調用2個按鈕函數PHP

<form class="form-horizontal" id="add_product_form" method="post"> 
<script> 
    function submitForm(action) 
    { 
     document.getElementById('add_product_form').action = action; 
     document.getElementById('add_product_form').submit(); 
    } 
</script> 



<div class="col-sm-12"> 
      <input type="submit" onclick="return check_add_to_cart();" class="btn btn-danger btn-lg add-to-cart btn-block" value="Add To Cart"> 
<input type="submit" onclick=onclick="return check_add_to_quote();" class="btn btn-danger btn-lg add-to-quote btn-block" value="Add To quote"> 
     </div> 

任何幫助將非常感激。謝謝!這是頁面上方提到的Add_to_cart函數。

function check_add_to_cart(){ 
    var quantity = jQuery('#quantity').val(); 
    var data = jQuery('#add_product_form').serialize(); 
    if(jQuery.isNumeric(quantity) && quantity > 0){ 
    return true 
    } else if(quantity < 1) { 
    jQuery('#cart_error').html('<?=display_error_str("Quantity must be greater than 0.");?>'); 
    return false; 
    }else { 
    jQuery('#cart_error').html('<?=display_error_str("Quantity must be a number.");?>'); 
    return false; 
    } 

    function check_add_to_quote(){ 
    var quantity = jQuery('#quantity').val(); 
    var data = jQuery('#add_product_form').serialize(); 
    if(jQuery.isNumeric(quantity) && quantity > 0){ 
     return true 
    } else if(quantity < 1) { 
     jQuery('#cart_error').html('<?=display_error_str("Quantity must be greater than 0.");?>'); 
     return false; 
    }else { 
     jQuery('#cart_error').html('<?=display_error_str("Quantity must be a number.");?>'); 
     return false; 
    } 
} 
+2

「check_add_to_cart」和「check_add_to_quote」函數在哪裏定義? –

+1

在函數**定義的地方再次閱讀我的問題**? –

+0

我更新了問題。看一看。謝謝! @B。德賽 –

回答

0

您可以做以下操作。更改類型submitbutton並且因爲您已經有submitForm()方法。當你想返回true時調用這個方法。

變化

<input type="submit" onclick="return check_add_to_cart();" class="btn btn-danger btn-lg add-to-cart btn-block" value="Add To Cart"> 
<input type="submit" onclick=onclick="return check_add_to_quote();" class="btn btn-danger btn-lg add-to-quote btn-block" value="Add To quote"> 

<input type="button" onclick="return check_add_to_cart();" class="btn btn-danger btn-lg add-to-cart btn-block" value="Add To Cart"> 
<input type="button" onclick=onclick="return check_add_to_quote();" class="btn btn-danger btn-lg add-to-quote btn-block" value="Add To quote"> 

,改變你的JS功能:

function check_add_to_cart(){ 
    var quantity = jQuery('#quantity').val(); 
    var data = jQuery('#add_product_form').serialize(); 
    if(jQuery.isNumeric(quantity) && quantity > 0){ 
    //return true 
    submitForm(""); //you can pass action in this if you want other page 
    } else if(quantity < 1) { 
    jQuery('#cart_error').html('<?=display_error_str("Quantity must be greater than 0.");?>'); 
    return false; 
    }else { 
    jQuery('#cart_error').html('<?=display_error_str("Quantity must be a number.");?>'); 
    return false; 
    } 

    function check_add_to_quote(){ 
    var quantity = jQuery('#quantity').val(); 
    var data = jQuery('#add_product_form').serialize(); 
    if(jQuery.isNumeric(quantity) && quantity > 0){ 
     //return true 
     submitForm(""); //you can pass action in this if you want other page 
    } else if(quantity < 1) { 
     jQuery('#cart_error').html('<?=display_error_str("Quantity must be greater than 0.");?>'); 
     return false; 
    }else { 
     jQuery('#cart_error').html('<?=display_error_str("Quantity must be a number.");?>'); 
     return false; 
    } 
} 

,並刪除submitForm()定義HTML之間並將其添加到腳本塊

相關問題