помогите добрые люди
ребята привет в этой форме нужно что бы только две формы работало (phone number и social security) если ввод не правильный типа если человек вводить буквы выходило окошко с над писем что нужно написать цифры
<html>
<head> <title>Illustrate form validation></title>
<script type ="text/javascript" src = "validator.js">
</script>
</head>
<body>
<h2> Student Information</h2>
<form action ="">
<p>
<label>
<input type = "text" id = "StdName"/>
Name
</label>
<br /><br />
<label>
<input type="text" id = "address"/>
Address
</label>
<br/><br>
<label>
<input type="text" id="phone"/>
phone number(ddd-ddd-dddd)
</label>
<br/><br/>
<label>
<input type="text" id="social security"/>
social security(ddd-ddd-dddd)
</label>
<br/><br/>
<label>
<input type="text" id="birth date"/>
birth date(dd-dd-dd)
</label>
<br/><br/>
<label>
<input type="text" id="Email"/>
email(@)
</label>
<br/><br/>
<label>
<input type="text" id="Semester Attended"/>
Semester
</label>
<br/><br/>
<input type ="reset" id= "reset"/>
<input type="submit" id="submit"/>
</p>
</form>
<script type ="text/javascript" src = "validator.js">
function chkPhone(){
var x = document.getElementById("phone");
if (x==null || x=="")
{
alert("Phone no. cannot be left blank");
return false;
}
if(isNaN(x)|| x.indexOf(" ")!=-1)
{
alert("Enter numeric value")
return false;
}
if (x.length > 9)
{
alert("enter only 9 characters");
return false;
}
}
function chkSocial(){
var social = document.getElementById("social security");
if (social==null || social=="")
{
alert("social security cannot be left blank");
return false;
}
if(isNaN(social)|| social.indexOf(" ")!=-1)
{
alert("Enter numeric value");
return false;
}
if (social.length > 9)
{
alert("enter only 9 characters");
return false;
} else
return true;
}
document.getElementById("phone").onchange = chkPhone;
document.getElementById("social security").onchange = chkSocial;
</script>
</body>
</html>
|