내 HTML 양식에 입력 유효성 검사를 시행하고있다. 그러나 오류가 발생해도 사용자에게 메시지를 표시하지 않고 데이터를 테스트 서버로 전송합니다. 다음은 HTML 양식 확인 빈 필드
내 코드입니다 : 당신이 키 이벤트를 포함하는 키를 입력하기위한 onclick을 사용하고 onKeyUp에 필요 전에 발사하기 위해 지금까지 내가 그렇게 이해 양식을 제출할 때<html>
<head>
<style>
input {margin: 10px 5px 10px 5px;}
select {margin: 10px 5px 10px 5px;}
</style>
<script language="JavaScript">
function validate(form1)
{ if (form1.name.value == "" || form1.surname.value == "" || form1.email.value == "" || form1.dob.value == "")
{ alert("One of the field is empty.")
form1.firstname.focus()
form1.firstname.select()
form1.lastname.focus()
form1.lastname.select()
form1.email.focus()
form1.email.select()
form1.dob.focus()
form1.dob.select()
return false
}
return true}
</script>
</head>
<body>
<form method="GET" action="http://www.test/cgi-bin/reply.pl"
onSubmit="return validate(this)">
First Name<input type="text" name="firstname"><br>
Last Name<input type="text" name="lastname"><br>
Email Address<input type="email" name="email"><br>
Date of Birth<input type="date" name="dob"><br>
Favourite Sport
<select name="sports"><br>
<option value="athletics">Athletics</option><br>
<option value="basketball">Basketball</option><br>
<option value="cricket">Cricket</option><br>
<option value="football">Football</option><br>
<option value="hockey">Hockey</option><br>
<option value="swimming">Swimming</option><br>
<option value="tennis">Tennis</option><br>
</select><br>
<input type="Submit"> <input type="reset">
</form>
</body>
</html>
: 빈 필수 입력으로 양식을 제출 사용자를 처리하는 한 가지 방법은
required
요소를 사용한다? –