Не могу получить подтверждение JS, чтобы ответить - PullRequest
Новая
       2

Не могу получить подтверждение JS, чтобы ответить

0 голосов
/ 17 марта 2019

Я пытаюсь заставить работать проверку при нажатии кнопки «Отправить», но при нажатии кнопки «Отправить» не появляется никаких предупреждений, где я должен получить предупреждение о том, что поле пустое и тому подобное.Кто-нибудь может обнаружить ошибку в моем коде?Так как я не совсем понимаю, в чем ошибка, попытался выполнить проверку и построчно. 

function validateForm() {
  var x = document.forms["myForm"]["fname"].value;
  var y = document.forms["myForm"]["comment"].value;
  if (x == "" && y == "") {
    alert("Please enter the blank fields!");
return false;
   } else if (x == "") {
    alert("Please enter your name!");
    return false;
   } else if (y == "") {
    alert("Please leave us a comment!");
    return false;
   } else {
   		if(document.getElementById('r5').checked) {
      	window.alert("Thank you")
      }
   }
}
.wrapper {
  display: inline-block;
}

.wrapper * {
  float: right;
}

.wrapper input {
  display: none;
}

label {
  font-size: 30px;
}

input:checked ~ label {
  color: red;
}
<!doctype html>
<html>

<link REL="StyleSheet"  TYPE="text/css" HREF="example2.css">

<body>

  <form id ="myForm">
    Name: <input type="text" id="fname">
    <br><br>
    Comment: <input type="input" id="comment">
    <br><br>
	


    <div class="wrapper">
      <input type="radio" id="r1" name="rg1">
      <label for="r1">&#10038;</label>
      <input type="radio" id="r2" name="rg1">
      <label for="r2">&#10038;</label>
      <input type="radio" id="r3" name="rg1">
      <label for="r3">&#10038;</label>
      <input type="radio" id="r4" name="rg1">
      <label for="r4">&#10038;</label>
      <input type="radio" id="r5" name="rg1">
      <label for="r5">&#10038;</label>
    </div>
	<br>

<button type="button" value="Submit" onclick="validateForm"()>Submit </button>
  </form>
  
</body>
<script src="jsreview.js"></script>
</html>

Спасибо за проверку

Ответы [ 2 ]

0 голосов
/ 17 марта 2019

Дайте идентификатор вашей форме и отправьте кнопку, как показано ниже. 

<form id="myForm">
<input type="submit" value="Submit" id="submit">

также, добавьте строку ниже в вашем файле JavaScript 

document.getElementById('submit').addEventListener('click', validateForm);
0 голосов
/ 17 марта 2019

Во-первых, ваша ссылка не отправляется и функция JS И кнопка «Отправить» иногда отправляется по умолчанию, поэтому вместо кнопки «Отправить» * используйте тип кнопки

.

Установите alert () в первой строке функции, чтобы вы могли легко проверить его

<input type=button" value= SUBMIT" onclick="validateform()" >

или

<button onclick="myFunction()">Click me</button>

<script> function myFunction() { alert( "Hello World"); } </script>

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...