如何使用两个提交按钮不同的目的ajax和表单提交

时间:2017-07-31 09:17:28

标签: javascript php jquery ajax codeigniter

我在表单中有两个提交按钮,一个用于验证的按钮和表单提交表单重新加载,另一个用于提交表单,在ajax方法中输出验证,如何执行此操作。

HTML代码:

<form action="" id="form-product" method="post" name="product" enctype="multipart/form-data">
 <input type="text" name="title"id="title">
 <input type="submit" name="save">  
 <input type="submit" name="enter">
</form>


$(function() {
$("form[name='product']").validate({
rules: {
 title: {
    required: true,

    },

},
messages: {     
title: {
  required: "Please enter your Emailid.",

}, 
},

    submitHandler: function(form) {
      form.submit();
    }
  });
});

2 个答案:

答案 0 :(得分:0)

HTML CODE:

     <input type='submit' id='btn1' value='Normal Submit'>
     <input type='button' id='btn2' value='New Window'>

JS CODE:

     document.getElementById('btn2').onclick = function() 
     {
     form.target = '_blank';
     form.submit();
     }

或者只是尝试一下:

   <input type='submit' name='self' value='This window' onclick='this.form.target="_self";' />

   <input type='submit' name='blank' value='New window' onclick='this.form.target="_blank";' />

答案 1 :(得分:0)

实际上你可以通过多种方式实现这一目标。我将向您展示一种可能的方式,

jquery-confirm.min.js