Question

我有一个带有两个按钮的表单，第一个按钮确认输入的数据并显示验证码输入，另一个提交代码和表单，我想要的是将第一个按钮的验证放到必填字段所以除非他填写了所有必填字段，否则他无法确认，我怎么能用js做到这一点？

＆＃13;

<form>
  First name:<br>
  <input type="text" name="firstname" required><br>
  Last name:<br>
  <input type="text" name="lastname" required><br>
    <input type="button" value="Confirm"><br>
  <input type="submit" value="Submit">

</form>

＆＃13;

Answer 1

我认为你正在寻找像这样的东西

＆＃13;

function validate() {
  var fname = document.getElementById("fname").value;
  var lname = document.getElementById("lname").value;
  
  if(fname==null || fname=="" || lname==null || lname=="") { // Validate the data here
    alert("Please fill all the fields");
  }
  else {
    alert("Data confirmed. Now you can submit.");
    document.getElementById("submit").disabled = false;
  }
}

＆＃13;

<form>
  First name:<br>
  <input type="text" name="firstname" id="fname"><br>
  Last name:<br>
  <input type="text" name="lastname" id="lname"><br>
  <input type="button" value="Confirm" onclick="validate()"><br>
  <input type="submit" value="Submit" id="submit" disabled>

</form>

＆＃13;

Answer 2

使用jQuery Validation：

<form id="UserForm">
  First name:<br>
  <input type="text" name="firstname" required><br>
  Last name:<br>
  <input type="text" name="lastname" required><br>
    <input type="button" value="Confirm" onclick="Validate()"><br>
  <input id="submitBtn" type="submit" value="Submit" disabled>
</form>


function Validate() {
   var isValid = $("#UserForm").valid();
   if (isValid)
       $('#submitBtn').prop('disabled', false);
   else
       $('#submitBtn').prop('disabled', true);
}

Answer 3

您必须不使用JS进行验证，因为您不得使用客户端进行此验证。这是邪恶的。使用PHP或服务器端更安全。

使用js进行验证

3 个答案: