Hi deepak,
sample example on javascript form validation
<html>
<script>
function checkName(text) {
if(isNaN(text)){
return 1;
}
else{
alert("Please enter a valid name. The only charachters accepted are A - Z and a - z");
return 0;
}
}
function checkAddress(text) {
if(isNaN(text)){
return 1;
}
else{alert("Please enter a valid address. The only charachters accepted are A - Z and a - z");return 0;}
}
function validate(){
if(document.form.name.value == ""){
alert( "Please enter name." );
document.form.name.focus();
return false;
}
if(checkName(document.form.name.value)==false){
document.form.name.focus();
document.form.name.value == ""
return false
}
if(document.form.address.value == ""){
alert("Please enter address.");
document.form.address.focus();
return false;
}
if(checkAddress(document.form.address.value)==false){
document.form.address.focus();
document.form.address.value == ""
return false
}
if(document.form.contactNo.value == ""){
alert("Please enter contact No." );
document.form.contactNo.focus();
return false;
}
var con=document.form.contactNo.value;
var ex = new RegExp(/^\d+$/);
var t=ex.test(con);
if(!t){
alert("Enter only Number .");
document.form.contactNo.focus();
return false;
}
}
</script>
<form name="form" method="post" onsubmit="return validate();">
<table>
<tr><td>Enter Name</td><td><input type="text" name="name"></td></tr>
<tr><td>Enter Address</td><td><input type="text" name="address"></td></tr>
<tr><td>Enter Contact No</td><td><input type="text" name="contactNo"></td></tr>
<tr><td></td><td><input type="submit" value="Add" name="button"></td></tr>
</table>
</form>
</html>
<html>
<script >
function validate(){
if(document.form.name.value == ""){
alert( "Please enter name." );
document.form.name.focus();
return false;
}
if (document.form.address.value == ""){
alert ( "Please enter address." );
document.form.address.focus();
return false;
}
if(( document.form.radio[0].checked == false ) && ( document.form.radio[1].checked == false ) ){
alert ( "Please choose Gender: M or F" );
document.form.radio[0].focus();
return false;
}
if( document.form.qua.selectedIndex == 0 ){
alert ( "Please select Qualification." );
document.form.qua.focus();
return false;
}
if(!multiselect(document.getElementById('specialization'))){
alert ( "Please select Specialization." );
return false;
}
if ((document.form.lang1.checked == false) &&(document.form.lang2.checked == false) &&(document.form.lang3.checked == false)&&(document.form.lang4.checked == false))
{
alert ('You didn\'t choose any of the checkboxes!');
return false;
}
var oRadio = document.forms[0].elements[radio].value;
document.write(oRadio);
return true;
}
function multiselect(select) {
var valid = false;
for(var i = 0; i < select.length; i++) {
if(select.options[i].selected) {
valid = true;
break;
}
}
return valid;
}
</script>
<form name="form" method="post" onsubmit="return validate();">
<table>
<tr><td>Enter Name</td><td><input type="text" name="name"></td></tr>
<tr><td>Enter Address</td><td><textarea rows="4" cols="8" name="address"></textarea></td></tr>
<tr><td>Gender</td><td><input type="radio" name="radio">M<input type="radio" name="radio">F</td></tr>
<tr><td>Qualification</td><td><select name="qua"><option value="BTech">BTech</option><option value="BTech">MBA</option><option value="BTech">MCA</option><option value="BTech">MTech</option></select></td></tr>
<tr><td>Specialization</td><td><select id="specialization" name="specialization" multiple="multiple" ><option value="Software">Software</option><option value="Hardware">Hardware</option><option value="Electrical">Electrical</option><option value="Mechanical">Mechanical</option><option value="Finance">Finance</option><option value="Finance">Marketing</option></select></td></tr>
<tr><td>Languages</td><td><input type="checkbox" name="lang1" value="Hindi">Hindi<input type="checkbox" name="lang2" value="English">English<input type="checkbox" name="lang3" value="French">French<input type="checkbox" name="lang4" value="German">German</td></tr>
<tr><td><input type="submit" value="Submit" ></td><td><input type="reset"></td></tr>
</table>
</form>
</html>
<html>
<head>
<title>toString() method </title>
<script language="JavaScript">
function convertToString()
{
alert(new Date().toString());
}
</script>
</head>
<body>
<div style="background: #ff9900; width:'100%';"
align="center">
<font color="#0000ff" size="12pt">
<b>toString() Example</b>
</font>
</div>
<center>
<p>
Click on the following button to show date
into string
</p>
<input type="button" value="Convert current date to
String" onClick="return convertToString();"/>
</center>
</body>
</html>