mashy6012 Ответов: 1

Как мне...как проверить форму с помощью внешнего javascript

я создаю веб-сайт для задания и до сих пор полностью его выполнил

но теперь мне нужно проверить форму на последней странице с помощью внешнего файла javascript.
у нас было все 5 минут тренировок по этому вопросу и я ни за что на свете не могу понять этого

пожалуйста помочь

вот код для самой формы:
<h1 class="display-3">Please fill out the form below <br>
           and we will get back to you.</h1>
       <fieldset>
           <form action="" method="POST" name="myform" class="field1 ">
               Name <input class="input1" type="text" name="name" placeholder="Type Name"><br> <br>
               Email <input class="input2" type="email" name="EMail" placeholder="Name@email.com"> <br><br>
               Query <input class="query1" type="textarea" placeholder="Please type query here"><br><br>
               <button class="button1" type="button" name="Submit"> Submit </button>
           </form>


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

я не знаю, что попробовать или как это сделать

1 Ответов

Рейтинг:
1

MadMyche

Прежде чем мы перейдем к проверке; я чувствую, что важно сообщить вам, что ваша форма не соответствует стандартам доступности.
1. Как правило, а fieldset элемент должен иметь legend элемент.
2. Для input элементы, которые они должны были присвоить label элементы. Они отлично подходят для радио и флажков, так как при правильном нажатии на метку будет выбран соответствующий вход.

Рекомендации:
HTML-форма[^]
HTML-тег легенды[^]

Теперь перейдем к нашему вопросу... Внешняя проверка формы javascript.

То, что вы должны изучить в первую очередь, - это основы для этого; и w3Schools у него тоже есть образцы этого. Для выполнения нескольких входных элементов вы можете связать их все в одну общую функцию.
Проверка Формы JavaScript[^]

Основываясь на образцах, которые у них есть, я объединил проверку как на имя, так и на фамилию
<script type="text/javascript">
function validateForm() {
	var fName = document.forms["myForm"]["fname"].value;
	var lName = document.forms["myForm"]["lname"].value;

	if ((fName == "") ||(lName == "")) {
		alert("Both first AND last names must be filled out");
		return false;
	}
}
</script>

<form name="myForm" onsubmit="return validateForm()">
	<fieldset>
		<legend>Personalia:</legend>

		<label for="fname">First name:</label>
		<input type="text" id="fname" name="fname">

		<label for="lname">Last name:</label>
		<input type="text" id="lname" name="lname">

		<input type="submit" value="Submit">
	</fieldset>
</form>
Это должно дать вам хорошее начало для того, что вам нужно добавить на свою страницу.
Как только у тебя это получится... вы можете просто взять содержимое JS, поместить его во внешний файл и вызвать в голова этой страницы