调用2个按钮的功能与PHP相同

时间:2017-10-07 10:18:44

标签: javascript php buttonclick

我实现了一个带有2个按钮的页面,这些按钮在按钮点击时调用了2个不同的功能。但是任何按钮都不起作用。他们只是重新加载同一页面。我会把我的代码放在下面。

const {ipcMain} = require('electron')
ipcMain.on('resize-me-please', (event, arg) => {
  mainWindow.setSize(width,height)
})

任何帮助都会非常感激。谢谢! Add_to_cart函数,在页面上方提到。

 <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>

1 个答案:

答案 0 :(得分:0)

您可以执行以下操作。将类型submit更改为button并且您已经拥有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;
    }
}

删除 html 之间的submitForm()定义,并将其添加到脚本块