Member 14825986 Ответов: 2

Я пытаюсь проверить свою форму на отправке?

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

вот мой HTML-код для этой формы
<pre><form name="myForm" method="get" onsubmit = "return(validateForm());">
	<li>
		<label for="name">Name:</label>
			<input type="text" id="name" name="name" />
	</li>
	<li>
		<label>Select age:</label>
			<select id="mySelect" onchange="age()" required>
				<option value="Grade">Age</option>
				<option value="Grade 1">6</option>
				<option value="Grade 2">7</option>
				<option value="Grade 3">8</option>
				<option value="Grade 4">9</option>
				<option value="Grade 5">10</option>
				<option value="Grade 6">11</option>
			</select>
	</li>
	<!--	<p id="selectedGrade"></p>-->
	<li>
		<label for="email">E-mail:</label>
			<input type="email" id="email" name="email" />
	</li>
		  <li class="button">
			<button type="submit">Submit</button>
	</li>
</form>	
	
<script type="text/javascript" src="assignmentJs.js"></script>


Что я уже пробовал:

function validateForm() {
    var name = document.forms["myForm"]["name"].value;
    if (name == " ") {
    alert("name must be filled out");
    return false;
  }else
  var select = document.forms["myForm"]["myselect"].value;
  if (select == " ") {
    alert("age must be filled out");
    return false;
  }else
var email = document.getElementById('email')

    email.addEventListener('blur', function (event) {
      event.target.style.backgroundColor = event.target.validity.valid
        ? 'transparent'
        : '#FA8072'
    });

};

2 Ответов

Рейтинг:
12

ishan_shah

У меня есть решение вашей проблемы с валидацией

Код Javascript выглядит следующим образом :

function validateForm() {
    var name = document.getElementById('name').value;
    var select = document.getElementById('mySelect');
    var email = document.getElementById('email').value;
    if (name == "") {
        alert("name must be filled out");
    }
    if (select.options[select.selectedIndex].value == "Grade") {
        alert("age must be filled out");
    }

    if (email == "") {
        alert("Email Must be  filled Out");
    }
    else {
        email.addEventListener('blur', function (event) {
            event.target.style.backgroundColor = event.target.validity.valid
                ? 'transparent'
                : '#FA8072'
        });
    }
};

Member 14825986

Спасибо

Рейтинг:
0

dioscarey 

select == ""


у вас есть пустое место в условии

Member 14825986

Будет ли это secect == "false"?