Question

我有一个必需的输入，有两个按钮“submit”和“goBack”。点击“goBack”，我不想要检查输入字段。 Belpw是我试过的代码，

<input type="text" class="form-control" id="formGroupExampleInput" name="nameofcontract" placeholder="Name of Contract" required></form>

<button class="btn btn-danger btn-lg" type="submit">Submit</button> 
  <button class="btn btn-warning btn-lg " onclick="goBack()">Go Back</button>

Answer 1

看看这一行。 我希望这是您想要实现的目标：

＆＃13;

function goBack() {
  if (!formGroupExampleInput.value) return;
  console.log("goBack")
}

＆＃13;

<input type="text" class="form-control" id="formGroupExampleInput" name="nameofcontract" placeholder="Name of Contract" required>

<button class="btn btn-danger btn-lg" type="submit">Submit</button>
<button class="btn btn-warning btn-lg " onclick="goBack()">Go Back</button>

＆＃13;

Answer 2

设置两个按钮的ID并单击

上的空白

$（ '＃提交'）。点击（函数（）{

如果（$（ '＃formGroupExampleInput'）。VAL（）== ''） {

警告（'不能空白'）

返回false;

}

否则

{

警报（ 'OK'）

返回true; }

}）

$（ '＃GoBack的'）。点击（函数（）

{

window.location.href ='你的网址';

}）

Answer 3

默认情况下，将提交一个按钮，因此单击可验证表单

将类型更改为“按钮”以更改行为

<button class="btn btn-warning btn-lg" type="button" onclick="goBack()">Go Back</button>

将示例简化为所需的

<html>
    <body>
        <script>
        function goBack() {
            window.location.href = "https://google.com/"
        }
        </script>

        <form>
            <input type="text" 
                name="nameofcontract" placeholder="Name of Contract" required>

            <button type="submit">Submit</button>     
            <button type="button" onclick="goBack()">Go Back</button>

        </form>    

    </body>

</html>

单击后退按钮时，不需要检查输入字段

3 个答案: