2017-10-07 78 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之间并将其添加到脚本块

相关问题