Pages

Saturday, December 19, 2009

javascript-validations

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

 

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

    <script language="javascript" type="text/javascript">

 

                        function UnamePwdValidation()

                        {

                            if (document.getElementById("Txt_UserName").value=="")

                    {

                         alert("Enter Username");

                         document.getElementById("Txt_UserName").focus();

                         return false;

                    }

                if(document.getElementById("Txt_Password").value=="")

                  {

                             alert("Enter Password");

                            document.getElementById("Txt_UserName").focus();

                            return false;

                  }

                        }

                function checkIt(evt)

                {

                        evt = (evt) ? evt : window.event

                        var charCode = (evt.which) ? evt.which : evt.keyCode

                        if (charCode > 31 && (charCode < 48 || charCode > 57))

                        {

                            alert("This field accepts numbers only.");

                            status = "This field accepts numbers only."

                            return false

                        }

                                status = ""

                                return true

                 }

                 function checkChar(event)

                {{

                       var c=             event.keyCode;

 

                             var c1 = event.keyCode=(!( (c>=65 && c<=90)||(c>=97 && c<=122)|| (c==32)))?0:event.keyCode;

 

 

 

                     if (c1==false)

                        {

                            alert("This field accepts Characters only.");

                            status = "This field accepts Characters only."

                            return false

                        }

                                status = ""

                                return true

                 }

 

 

                 }

                                </script>

 

<title>:: HOME ::</title>

<style type="text/css">

.tabcel1

{

width:30%;

text-align:center;

}

.tabcel2

{

width:70%;

}

.tdbg

{

background-color:#fdc13d;

font-weight:bold;

}

</style>

</head>

<body>

<!--#ffb614-->

<table style="margin-top:5%;background-color:#f0e3c7; height:600;" cellpadding="5" cellspacing="0" width="800" border="0" align="center">

 

<tr style="background-color:#ffb614">

<td colspan="2">

<br />

</td>

</tr>

<tr style="background-color:#ffb614">

<td colspan="2" align="center" style="font-weight:bold;font-size:larger"> OULET SYSTEM MANAGEMENT

</td>

</tr>

<tr style="background-color:#ffb614">

<td colspan="2">  

<br />

</td>

</tr>

<tr>

<td class="tdbg" align="center">

 </td>

<td class="tabcel2" rowspan="16">

   

   

 

    <form id="form1" method="post" action="../new-data/home.html">

    <div>

        <table border="0" width="90%" align="center">

 

 

           <tr>

                            <td width="40%" style="FONT-WEIGHT: bold; FONT-SIZE: 8pt; COLOR: #000000; FONT-FAMILY: Verdana">

                                Username

                            </td>

                            <td width="60%">

                                  <input type="text" ID="Txt_UserName" onKeyPress="return checkChar(event)" />

                                </td>

                        </tr>

 

                        <tr>

                            <td style="FONT-WEIGHT: bold; FONT-SIZE: 8pt; COLOR: #000000; FONT-FAMILY: Verdana">

                                Password

                            </td>

                            <td>

                                <input type="password" ID="Txt_Password"  onKeyPress="return checkIt()"/>

                                    </td>

                        </tr>

                        <tr>

                            <td colspan="2">

                                <input type="submit" value="submit" onclick="return UnamePwdValidation()">

                            </td>

                        </tr>

        </table>

    </div>

    </form>

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

</td>

</tr>

 

<tr>

<td class="tdbg" align="center">

 </td>

</tr>

<tr>

<td class="tdbg" align="center">

 </td>

</tr>

<tr>

<td class="tdbg" align="center">

 </td>

</tr>

<tr>

<td class="tdbg" align="center">

 </td>

</tr>

<tr>

<td class="tdbg" align="center">

</td>

</tr>

<tr>

<td class="tdbg" align="center">

<br />

</td>

</tr>

<tr>

<td class="tdbg" align="center"><br />

 

 

 

 

</td>

</tr>

<tr>

<td class="tdbg" align="center"><br /></td>

</tr>

<tr>

<td class="tdbg" align="center"><br /></td>

</tr>

<tr>

<td class="tdbg" align="center"><br /></td>

</tr>

<tr>

<td class="tdbg" align="center"><br /></td>

</tr>

 

 

<tr>

<td colspan="2" style="background-color:#ffb614">

<br />

</td>

</tr>

</table>

</body>

</html>

 

 

No comments:

Post a Comment