Если пользователь уже заполнил форму, может нажать только кнопка отправки, и кнопка отправки будет ссылаться на другую страницу

Question

Я хочу создать форму о странице заявления о приеме на работу, но я хочу провести некоторую проверку, если пользователь уже заполнил все элементы в форме, может нажать только кнопка отправки, а кнопка отправки будет ссылаться на еще одна html-страница, показывающая, что «ваше приложение успешно получено». Как я могу сделать, спасибо большое. Я так часть моего кода

<label for="Minimum Salary (MYR)"><img src="Web Page Image (Koh Xin Hao)/Money.png"/>&nbsp;&nbsp;Minimum Salary (MYR)</label>
<input type="text" id="Minimum Salary (MYR)" name="Minimum Salary (MYR)" value="RM "  maxlength="8" required="required">
<label for="Nationality"><img src="Web Page Image (Koh Xin Hao)/Card Issuing Country.png">&nbsp;&nbsp;Nationality</label>
<input type="text" id="Nationality" name="Nationality" placeholder="Malaysia" required="required">
<div><p>The application process will take up to 2 days. If your application is approved by the company, we will inform you via email or telephone call. Thanks for you application ^-^</p></div>
<input type="submit" required="required" class="btn" onclick="location.href='Payment Successful.html'"/>
<button type="submit" class="btn" onclick="location.href='Payment Successful.html'">Submit</button>

При просмотре формы ничего не заполняется, но кнопка отправки также может нажать. Я уже поместил обязательный = "обязательный" внутри моего кода, но проверка не работает.

Answer 1

Вам необходимо использовать Javascript, чтобы проверить, заполнены ли поля и, если это так, отключить кнопку.

Вам также нужно изменить required="required" на required, как показано здесь https://www.w3schools.com/tags/att_input_required.asp

Вам также необходимо обернуть все это в тег формы и использовать поле действия для предоставления следующей страницы, когда она будет отправлена ​​в соответствии с https://www.w3schools.com/tags/tag_form.asp

Возможно, вам понадобится сделать больше с проверкой в ​​Javascript, это просто отключает другую кнопку, только если поля не пустые. Вы можете узнать больше о проверке JS здесь https://www.w3schools.com/js/js_validation.asp

function validateForm(){
  var input1 = document.getElementById("input1").value;
  var input2 = document.getElementById("input2").value;
  if(input1==""){
    console.log("input1 is blank!");
  }else if(input2==""){
    console.log("input2 is blank!");
  }else{
    console.log("inputs are not blank");
    document.getElementById("button").disabled = true;
  }
}

<form action="form_submitted_page" method="POST">
  <label for="input1">input1</label>
  <input type="text" id="input1" name="input1" required onchange="validateForm()">

  <label for="input2">input2</label>
  <input type="text" id="input2" name="input2" required onchange="validateForm()">

  <input type="submit" value="Submit">
</form>

<button id="button" onclick="document.location.href='google.com'">Google (to be disabled)</button>

Answer 2

Если я не ошибаюсь, вы хотите спросить, как проверить все поля и отправить форму на новую страницу.

Если да, то так

<input type="?" name="?" required />

добавить обязательный атрибут , требующий, чтобы поле

И присвойте своей форме атрибут действия, где вы хотите отправить эту форму

Example <form action="your page" type="post">

Надеюсь, это поможет вам

Дайте мне знать, если я неправильно оценю вашу проблему