Как показать сообщение об ошибке с флажком при отправке формы - PullRequest
Новая
       15

Как показать сообщение об ошибке с флажком при отправке формы

0 голосов
/ 01 июня 2018

Я хочу показать сообщение об ошибке, когда нажимаю кнопку отправки.Итак, предположим, у меня есть 3 флажка: (я показываю один, потому что другие одинаковы).Пожалуйста, добавьте больше кода о форме.Это не отладка на этом уровне.Я должен был добавить это как комментарий, но вы можете видеть, что у меня недостаточно репутации. 

<label>
     <input type="checkbox"  name="privacy" value="1" id="privacy" required="required" >
      <span class="text-gray" style="font-size: 12px;"> 
        <a href="/privacy-policy/" target="_blank">Privacy</a>
      </span>
</label>

Все флажки имеют атрибут required="required".Когда я нажимаю кнопку «Отправить» и флажок не установлен, я получаю две вещи:
1) Я не читаю ничего о «флажке пусто», которое я должен прочитать для проверки HTML5 по умолчанию, когда требуется атрибут
2) Я получаю эту ошибку: Недопустимый элемент управления формы с именем = 'privacy' не может быть сфокусирован.

Кто-нибудь может мне помочь?

Ответы [ 2 ]

0 голосов
/ 01 июня 2018

Используйте флажок, чтобы он был проверен, и проверьте следующий код, я думаю, это поможет вам 

$(document).ready(function() {
    $("#submit").click(function() {
    var chkinput = document.getElementById("privacy");
        if (chkinput.checked) {
            alert("Checked!");
        }
        else {
        	alert ("Not checked");
        }
    });
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<form>
     <input type="checkbox"  name="privacy" value="1" id="privacy" checked>
      <span class="text-gray" style="font-size: 12px;"> 
        <a href="/privacy-policy/" target="_blank">Privacy</a><br/>
        <button id="submit">Submit</button>
      </span>
      </form>

<form method="post">
 <input type="checkbox"  name="privacy" value="1" id="privacy1" required="required">
  <span class="text-gray" style="font-size: 12px;"> 
    <a href="/privacy-policy/" target="_blank">Privacy</a><br/>
    <button>Submit</button>
  </span>
  </form>
0 голосов
/ 01 июня 2018 
 <script type="text/javascript">

  function checkForm(form)
  {

    if(!form.terms.checked) {
      alert("Please indicate that you accept the Terms and Conditions");
      form.terms.focus();
      return false;
    }
    return true;
  }

</script>

<form  onsubmit="return checkForm(this);">

<p><input type="checkbox" name="terms"> I accept the <u>Terms and Conditions</u></p>
<p><input type="submit"></p>
</form>
...