Я создал форму в html, и я должен проверить ее с помощью JavaScript. Имя первого имени и отца не должно превышать 20 символов, поэтому я разместил для них проверки, но они работают. Здесь мой код
<html>
<head>
<script type="text/javascript">
function validate()
{
var firstName=document.f1.firname.value;
var fatherName=document.f1.fname.value;
var address=document.f1.add.value;
var phoneNumber=document.f1.ph.value;
var cnic=document.f1.cnic.value;
var email=document.f1.email.value;
var cgpa=document.f1.fname.value;
var sem=document.f1.sem.value;
var id=document.f1.cid.value;
if(firstName.length>20)
{
alert("Value can't exceed 20");
}
if(fatherName.length>20)
{
alert("Value can't exceed 20");
}
}
</script>
</head>
<body>
<form name="f1">
Name : <input type="text",name="firname"> <br>
Father Name: <input type="text",name="fname"> <br>
Address: <input type="text",name="add"> <br>
Phone No.:<input type="text",name="ph"> <br>
CNIC:<input type="text",name="cnic"> <br>
Email:<input type="text",name="email"> <br>
City :<br> <input type="radio" name="city" value="lhr"> Lahore <br>
<input type="radio" name="city" value="karachi"> Karachi <br>
<input type="radio" name="city" value="isl"> Islamabad <br>
<select name="country">
<option value="pakistan">Pakistan</option>
<option value="india">India</option>
<option value="china">China</option>
</select> <br>
Cgpa:<input type="text",name="cgpa"> <br>
Department:<input type="text",name="dpt"> <br>
<select name="degree">
<option value="se">SE</option>
<option value="cs">CS</option>
<option value="it">IT</option>
</select> <br>
Semester:<input type="text",name="sem"> <br>
CollegeId:<input type="text",name="cid"> <br>
<input type="Submit", value="Submit" ,onsubmit="validate()">
</form>
</body>
Какая проблема?
Не используйте запятые для разделения атрибутов HTML. Должен быть:
Name : <input type="text" name="firname"> <br>
и не:
Name : <input type="text",name="firname"> <br>
Событие onsubmit
должно быть для формы, а не для кнопки input
.
<form name="f1" onsubmit="validate()">
<input type="Submit", value="Submit" ,onsubmit="validate()">
должно быть<input type="Submit" value="Submit" onsubmit="validate()">