1. Advertising
    y u no do it?

    Advertising (learn more)

    Advertise virtually anything here, with CPM banner ads, CPM email ads and CPC contextual links. You can target relevant areas of the site and show ads based on geographical location of the user if you wish.

    Starts at just $1 per CPM or $0.10 per CPC.

inline validation

Discussion in 'Content Management' started by ravi951, Jul 28, 2011.

0
  1. #1
    Hi all
    i have written a simple login form with 5 fields username,email id,password,retype password, and phone no.i want to display errors using INLINE VALIDATION.
    i have done for CheckName function.but i have been trying for other functions
    it is not executing can u tell me how to do it....
    below is my script with CheckName() being verified....
    
<html>
<head>
<meta charset="utf-8">
<title>Validation using JavaScript</title>
<script type="text/javascript">
   function checkName(form)
 {
   var eobj1=document.getElementById('realnameerror');
   eobj1.innerHTML='';
   var sRealName = form.realname.value;
    var oRE = /^[a-z0-9]+[_.-]?[a-z0-9]+$/i;
    var isCorrectFormat = oRE.test(sRealName);
    var error=false;
    if (!isCorrectFormat)
    {
        error="Incorrect format.";
        form.realname.select();
        form.realname.focus();
    }

    else if (sRealName == '')
    {
        error='Error: Username cannot be blank!';
        form.realname.focus();
    }
    else if (sRealName.length < 4)
    {
        error="UserName should be atleast 4 characters long";
    }
    if (error)
	{
     eobj1.innerHTML=error;
     return false;
    }
    return true;
 }

    function checkEmail(form)   /* for email validation */
    {
        var eobj2=document.getElementById('emailerror');
        eobj2.innerHTML='';
        var error=false;
		if (/^\w+([\.-]?\w+)*@\w+([\.-]?\w+)*(\.\w{2,3})+$/.test(form.email.value))
        {
            return true;
        }
		else 
         error='Invalid E-mail Address! Please re-enter';
         return false;
    }

    function validatePwd(form)       /* password & retype-password verification */
    {
        var eobj3=document.getElementById('passworderror');
        eobj3.innerHTML='';
		var error=false;
		var invalid = ' ';
        minLength = 6;
        var pw1 = form.password.value;
        var pw2 = form.password2.value;

         if (pw1 == '' || pw2 == '')
        {
            error='Please enter your password twice.';
            return false;
        }

        if (form.password.value.length < minLength)
        {
            error='Your password must be at least ' + minLength + ' characters long. Try again.';
            return false;
        }

        if (document.form.password.value.indexOf(invalid) > -1)
        {
            error='Sorry, spaces are not allowed.';
            return false;
        }
        else
        {
            if (pw1 != pw2)
            {
                error='You did not enter the same new password twice. Please re-enter your password.';
                return false;
               }
            else
             {
                error='Passwords Match.';
                   return false;
             }

            return false;
        }
    }

    function validPhone(form)          /* phone no validation */
    {
        var eobj4=document.getElementById('phonenoerror');
        eobj4.innerHTML='';
		var valid = '0123456789';
        phone = form.phoneno.value;

        if (phone == '')
        {
            error:'This field is required. Please enter phone number';
            return false;
        }

        if (!phone.length > 1 || phone.length < 10)
        {
            error:'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)
            {
                error='Invalid characters in your phone. Please try again.';
                return false;
            }
        }
		if (error)
		{
           eobj4.innerHTML=error;
           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()">
    User Name : <input type="text" name="realname" size="19"><span id="realnameerror" ></span>
    <br>
    E-Mail    : <input type="text" name="email" size="25"><span id="emailerror "></span>
    <br>
    Password  : <input type="password" name="password" maxlength="12" size="25"><span id="passworderror "></span>
    <br>
    Retype password: <input type="password" name="password2" maxlength="12" size="25"><span id="repassworderror"></span>
    <br>
    PhoneNo   : <input type="phoneno" name="phoneno" maxlength="10" size="25"><span id="phonenoerror"></span>
    <br>
    <input type="submit" value="Submit">
</form>
</body>
</html>
    Code (markup):

     
    ravi951, Jul 28, 2011 IP