Hi all,
I need a form consisting of name,email id,password,retype password and phone number using javascript. where name may be any valod name,email id should be any valid emailid,password and retype password should match and phone number should be 10 digits.
and a submit button.
Do you have a question about that? So far all you have done is made a statement without saying what your problem is and without showing us any of your code.
I am giving cod for individual functions below
/* code for email */
<html>
<head>
<SCRIPT LANGUAGE=“JavaScript”>
function checkEmail(myForm)
{
if (/^\w+([\.-]?\w+)@\w+([\.-]?\w+)(\.\w{2,3})+$/.test(myForm.emailAddr.value))
{
return (true)
}
alert(“Invalid E-mail Address! Please re-enter.”)
return (false)
}
</script>
</head>
<body>
<form onSubmit=“return checkEmail(this)”>
E-mail Address:<br>
<input type=“text” name=“emailAddr”>
<p>
<input type=“submit” value=“Submit”>
<input type=“reset” value=“Reset”>
</form>
</html>
/* code for password and retype password*/
<html>
<HEAD>
<SCRIPT LANGUAGE=“JavaScript”>
function validatePwd()
{
var invalid = " "; // Invalid character is a space
var minLength = 6; // Minimum length
var pw1 = document.myForm.password.value;
var pw2 = document.myForm.password2.value;
// check for a value in both fields.
if (pw1 == ‘’ || pw2 == ‘’)
{
alert(‘Please enter your password twice.’);
return false;
}
// check for minimum length
if (document.myForm.password.value.length < minLength) {
alert(‘Your password must be at least ’ + minLength + ’ characters long. Try again.’);
return false;
}
// check for spaces
if (document.myForm.password.value.indexOf(invalid) > -1)
{
alert(“Sorry, spaces are not allowed.”);
return false;
}
else
{
if (pw1 != pw2)
{
alert (“You did not enter the same new password twice. Please re-enter your password.”);
return false;
}
else
{
alert(‘Nice job.’);
return true;
}
}
}
// End –>
</script>
</HEAD>
<BODY>
<form name=myForm onSubmit=“return validatePwd()”>
<p>
Password: <input type=password name=password maxlength=12>
<br>
Retype password: <input type=password name=password2 maxlength=12>
<p>
<input type=submit value=“Submit”>
</form>
</html>
/* code for valid 10 digit phone no */
<html>
<script type=“text/javascript>
function ValidPhone(aphone)
{
var valid = “0123456789”;
if(aphone==”")
{
alert (“This field is required. Please enter phone number”);
return false;
}
if(aphone.length !=10)
{
alert(“Invalid phone number length! Please try again.”);
return false;
}
for (var i=0; i < aphone.length; i++)
{
temp = “” + aphone.substring(i, i+1);
if (valid.indexOf(temp) == “-1”)
{
alert(“Invalid characters in your phone. Please try again.”);
return false;
}
}
return true;
}
</script>
<body>
<form>
<form name=“myform” action=“” onsubmit=“return ValidPhone(aphone)”
method=“post”>
Phone No:<input type=“text” name=“phone No”>
<input type=“submit” value=“submit”>
</form>
</body>
</html>
i need to integrate all of them in a single page so that it will be one form…