Форум

alexvirgin · #1 (**permalink**) 15.10.2012, 14:09

ребята привет в этой форме нужно что бы только две формы работало (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>

Maxmaxmахimus · #2 (**permalink**) 15.10.2012, 14:14

Пожалуйста, отформатируйте свой код!

Для этого его можно заключить в специальные теги: js/css/html и т.п., например:

[js]
... ваш код...
[/js]

О том, как вставить в сообщение исполняемый javascript и html-код, а также о дополнительных возможностях форматирования - читайте http://javascript.ru/formatting.

alexvirgin · #3 (**permalink**) 15.10.2012, 14:50

спасибо вам намного помогло но все ровно есть ошибки

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("Invalid phone number")
return false;
}
if (x.length > 9)
{
alert("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("Invalid Social Security ");
return false;
}
if (social.length > 9)
{
alert("Enter only 9 characters for Social Security"); 
return false;
} else
return true;
}
function chkBirthdate(){
var birthdate = document.getElementById("birth date");

if (birthdate==null || birthdate=="")
{
alert("birth date cannot be left blank");
return false;
} 

if(isNaN(birthdate)|| birthdate.indexOf(" ")!=-1)
{
alert("Invalid birth date");
return false;
}
if (birthdate.length > 6)
{
alert("Enter only 6 characters for birth date"); 
return false;
} else
return true;
}
document.getElementById("phone").onchange = chkPhone;
document.getElementById("social security").onchange = chkSocial;
document.getElementById("birth date").onchange = chkBirthdate;

Форум

Справочник

Discord чат

Курсы javascript