joining two functions
hi all
i have 2 javascript one is simple login form and other is username function.
i want to fit username function into login form because username function will allow special characters.
below is my login form ..
<html>
<head>
<meta charset="utf-8">
<title>Simple Registration Form</title>
<script type="text/javascript">
function checkName(form) /* for real name verification */
{
var oRE = /^[a-z0-9]+[_.-]?[a-z0-9]+$/i;
var isCorrectFormat = oRE.test(text);
if (!isCorrectFormat)
{
alert("Invalid characters in username. It can only contain...");
return false;
}
if (form.realname.value == '')
{
alert('Error: Username cannot be blank!');
form.realname.focus();
return false;
}
return true;
}
function checkEmail(form) /* for email validation */
{
if (/^\w+([\.-]?\w+)*@\w+([\.-]?\w+)*(\.\w{2,3})+$/.test(form.email.value))
{
return true;
}
alert('Invalid E-mail Address! Please re-enter.');
return false;
}
function validatePwd(form) /* password & retype-password verification */
{
var invalid = ' ', minLength = 6;
var pw1 = form.password.value, pw2 = form.password2.value;
if (pw1 == '' || pw2 == '')
{
alert('Please enter your password twice.');
return false;
}
if (form.password.value.length < minLength)
{
alert('Your password must be at least ' + minLength + ' characters long. Try again.');
return false;
}
if (document.form.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('Successfull.');
return true;
}
}
}
function validPhone(form) /* phone no validation */
{
var valid = '0123456789', phone = form.phoneno.value;
if (phone == '')
{
alert('This field is required. Please enter phone number');
return false;
}
if (!phone.length > 1 || phone.length < 10)
{
alert('Invalid phone number length! Please try again.');
return false;
}
for (var i = 0; i < phone.length; i++)
{
temp = '' + phone.substring(i, i + 1);
if (valid.indexOf(temp) == -1)
{
alert('Invalid characters in your phone. Please try again.');
return false;
}
}
return true;
}
function validate()
{
var form = document.forms['form'];
if (!checkName(form) || !checkEmail(form) || !validatePwd(form) || !validPhone(form))
{
return false;
}
return true;
}
</script>
</head>
<body>
<form action="" method="post" name="form" onsubmit="return validate()">
Name: <input type="text" name="realname" size="25">
<br>
E-Mail: <input type="text" name="email" size="25">
<br>
Password: <input type="password" name="password" maxlength="12" size="25">
<br>
Retype password: <input type="password" name="password2" maxlength="12" size="25">
<br>
PhoneNo: <input type="phoneno" name="phoneno" maxlength="10" size="25">
<br>
<input type="submit" value="Submit">
</form>
</body>
</html>
i want to include the below one in the above function so that it works perfectly
<html>
<head>
<title> Validate Username</title>
<script type="text/javascript">
function validateUsername(form)
{
var sUsername = form.value;
var oRE = /^[a-z0-9]+[_.-]?[a-z0-9]+$/i;
var isCorrectFormat = oRE.test(sUsername);
if (!isCorrectFormat)
{
alert("Incorrect format.");
textbox.select();
textbox.focus();
return false;
}
alert("Correct format");
return true;
}
</script>
</head>
<body>
<form>
<input type="text" id="txtUsername" size="30" maxlength="20" /> <input type="button"
value="Validate" onclick="validateUsername(document.getElementById( 'txtUsername'));" />
</form>
</body>
</html>
please can you make for that me..
|
