0
This is my Index.php::
<html>
<head><title>Registration</title>
                <script type="text/javascript">
                function numbersonly(e,length)
                {
                var unicode=e.charCode? e.charCode : e.keyCode
                var maxlength=length;
                if (unicode!=8)
                { //if the key isn't the backspace key (which we should allow)
                if (unicode<48||unicode>57) //if not a number
                return false //disable key press
                }
                }
                </script>

<script type="text/javascript">
function validation()
{
var a = document.register.phone.value;
if(a=="")
{
alert("Please Enter Your Phone Number");
document.register.phone.focus();
return false;
}
}
</script>
                    <script type="text/javascript">  
                    var reg = /^\(?([0-9]{3})\)?[-. ]?([0-9]{3})[-. ]?([0-9]{4})$/;  
                    function PhoneValidation(phone)
                    {  
                    var OK = reg.exec(phone.value);  
                    if (!OK)  
                    window.alert("phone number isn't  valid");  
                    else  
                    // window.alert("phone number is  valid"); 

                    return true;
                    }  
                    </script>  

<script language="javascript">
function checkEmail() 
{
var email = document.getElementById('email');
var filter = /^([a-zA-Z0-9_\.\-])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{3})+$/;
if (!filter.test(email.value))
 {
alert('Please provide a valid email address');
email.focus;
return false;
}
}
</script>

                <script>
                function checkPassword()
                {
                var pwd  = document.getElementById("password").value;
                var rpwd = document.getElementById("repeatpassword").value;
                if(pwd != rpwd)
                {
                alert("Your password does not match");
                document.getElementById('<%= rpwd%>').focus();
                //return false;
                }
                }
                </script>

<script type="text/javascript">
window.onload = function () {
document.getElementById("name").focus();
};
</script>
</head>

<body>
<!--<script language="JavaScript">
   alert("Hi!.")
</script>-->
<div align="center">
<h3> Registration</h3>
<form name="register" action="save.php" enctype="multipart/form-data" onSubmit="return validation()" method="post">
<label>Name</label>
<label>:</label>
<input type="text" name="name" id="name" placeholder="Name" required/><br /><br />

<label>Email</label>
<label>:</label>
<input type="email" name="email" id="email" placeholder="Email" required/><br /><br />

<label>Password</label>
<label>:</label>
<input type="password" name="password" id="password" placeholder="Password" required/><br /><br />

<label>RepeatPassword</label>
<label>:</label>
<input type="password" name="repeatpassword" id="repeatpassword" placeholder="RepeatPassword" onBlur="checkPassword()"required/><br /><br />

<label>Date of Birth</label>
<label>:</label>
<select name="day" required>
<option value="">Day</option>
<?php for ($day = 1; $day <= 31; $day++) { ?>
<option value="<?php echo strlen($day)==1 ? '0'.$day : $day; ?>"><?php echo strlen($day)==1 ? '0'.$day : $day; ?></option>
<?php } ?>
</select>

<select name="month" required>
<option value="">Month</option>
<?php for ($month = 1; $month <= 12; $month++) { ?>
<option value="<?php echo strlen($month)==1 ? '0'.$month : $month; ?>"><?php echo strlen($month)==1 ? '0'.$month : $month; ?></option>
<?php } ?>
</select>

<select name="year" required>
<option value="">Year</option>
<?php for ($year = date('Y'); $year > date('Y')-100; $year--) { ?>
<option value="<?php echo $year; ?>"><?php echo $year; ?></option>
<?php } ?>
</select>

<br /><br /><!--<input type="date" id="date" name="date" required><br /><br />-->
<label>Phone</label>
<label>:</label>
<input type="text" name="phone" id="phone" placeholder="Phone No" maxlength="10" onKeyPress="return numbersonly(event)" onChange="PhoneValidation(this);"  required/><br /><br />

<input type="submit" name="submit" value="Register" onClick="return checkEmail()"/>
</form>
</div>
</body>
</html>


if the password field, and password field are not same , it will alert a box like: your password doesnot match." but the cursor does not focus on the repeat password fieldm it moves to next field, how to focus that repeat password field, what i have to change in my code.

Edited by diafol: Belongs in JS forum. Can't see any PHP

3
Contributors
4
Replies
33
Views
2 Years
Discussion Span
Last Post by AntonyRayan
0

document.getElementById('<%= rpwd%>').focus();

Why not just put "repeatpassword" there like you did on other occasions.

Also, you don't need a <script> block for every function. If you want to generate that part of the page you can put them in external files.

Edited by Traevel: typos

0

I tried but its not working correctly, whatever maismatched passwords , I give it shows password matches.

This topic has been dead for over six months. Start a new discussion instead.
Have something to contribute to this discussion? Please be thoughtful, detailed and courteous, and be sure to adhere to our posting rules.