javascript - 两个按钮提交表单问题

Question

您好，成功制作了一个有两个提交按钮的表单。

我需要两个按钮，因为我需要每个按钮将表单带到不同的位置，同时在第一个表单中获取/发布信息。

我就是这样做的

Javascript:

 function submitForm(action) {
    var form = document.getElementById('form1');
    form.action = action;
    form.submit();
}

<form id="form1" method="post" >
    <div class="f-row">
	 <label for="pick">Pick-Up Address</label>
	 <input type="text" input name="pick" required value="<?php echo isset($_POST['pick']) ? $_POST['pick'] : ''; ?>"/>
   </div> 
  <input type="button" onclick="submitForm('page2.php')" class="btn small color left" value="ADD ANOTHER STOP" />
  <input type="button" onclick="submitForm('page3.php')" class="btn medium color right" value="Continue" />
</form>

它有效，两个按钮都会提交到相关页面。

但是现在有一个问题我似乎无法解决，以前如果没有填写表格，然后我单击“提交”，它会要求我填写必填字段，现在不再需要了。

如果必填字段未填写，它仍会提交表单。

我需要按钮 1 不要求填写必填字段，并且需要按钮 2 在按钮 2 提交表单时要求填写，而按钮 1 将其带到新表单以填写其他详细信息，然后再从那里提交。

有人知道我可以解决这个问题的方法吗？

Answer 1

您可以试试这个:<input type="text" name="pick" id="pick" required/>并在 JavaScript 中

function submitForm(action) {
            var form = document.getElementById('form1');
            form.action = action;
            if (document.getElementById('pick').value) {
               form.submit();
            }}
            else{
            alert('Please fill the required field!');}