Hi all,
Here i am using java script code to validate first name,date,mobile number and email. i write below line to show alert message
alert('Please Enter Required Fields\n\n* Indicates Required fields');
my query is when showing this message, alert box have "ok" button, when i click ok button i want to focus which fields are left blank to the end user.
i wrote below line to focus
document.getElementById('txtDate').focus(); but i think this line is not working.
below is my entire code. Please help me.
function Validation()
{
var Alpha = "^[a-zA-Z]+$";
var Numeric = "^[0-9]+$";
var Date = "^[0-9/]+$";
var address = "^[a-zA-Z0-9#]+$";
var Email = /^\w+([\.-]?\w+)*@\w+([\.-]?\w+)*(\.\w{2,6})+$/;
var txtFirstName=document.getElementById('TxtFirstname').value;
var txtDate=document.getElementById('TxtDate').value;
var txtMobileNumber = document.getElementById('TxtMobileno').value;
var txtEmail = document.getElementById('TxtEmailid').value;
//validation for Date
if(txtDate == "")
{
alert('Please Enter Required Fields\n\n* Indicates Required fields');
return false;
}
else
{
if(txtDate.search(Date) == -1)
{
alert('Please Select Date from calendar');
return false;
document.getElementById('txtDate').focus();
}
}
//validation for first name
if(txtFirstName == "")
{
alert('Please Enter Required fields\n\n* Indicates Required fields')
}
else
{
if(txtFirstName.search(Alpha) == -1)
{
alert('Name must be Characters only');
return false;
document.getElementById('txtFirstName').focus();
}
}
//Validation for Mobile Number
if(txtMobileNumber == "")
{
alert('Please Enter Required fields\n\n* Indicates Required fields')
return false;
}
else if(txtMobileNumber.length < 12)
{
alert('Mobile Number must be 12 digits\n\n Enter with country code 91');
return false;
}
else
{
if(txtMobileNumber.search(Numeric) == -1)
{
alert('Mobile Number must be Numeric');
return false;
document.getElementById('txtMobileNumber').focus();
}
}
//Validation for Email
if(txtEmail != "")
{
if(txtEmail.search(Email) == -1)
{
alert('Please enter a valid Email ID');
return false;
document.getElementById('txtEmail').focus();
}
}
return true;
}
thank you...
|
| Author: narenderraobalguri 29 Nov 2008 | Member Level: Silver | Rating:  Points: 4 |
Hi, Try like this .Place focus statement before Return statement
if(txtDate == "")
{
alert('Please Enter Required Fields\n\n* Indicates Required fields');
return false;
}
else
{
if(txtDate.search(Date) == -1)
{
alert('Please Select Date from calendar');
document.getElementById('txtDate').focus();
return false;
}
Regards,
Narender
|
| Author: Arun Jacob 29 Nov 2008 | Member Level: Gold | Rating: Points: 3 |
Give like this,
if(txtMobileNumber.search(Numeric) == -1)
{
alert('Mobile Number must be Numeric');
document.getElementById('txtMobileNumber').focus();
return false;
}
Arun Jacob
http://codepronet.blogspot.com/
|
| Author: Muhammad Faseeh Abrar 01 Dec 2008 | Member Level: Silver | Rating: Points: 3 |
The Problem with your code is this that you focus the control after the return statement.
Your problem will be solved if you focus the control first and then execute the return statement.
Regards
Muhammad Faseeh Abrar
|