javascript 关于表单的一些validation

来源:互联网 发布:短信群发系统源码 编辑:程序博客网 时间:2024/05/20 01:10

http://blog.csdn.net/M_D_R/archive/2005/10/09/498087.aspx  

 

the html file to use the js....

<html>
 <head>
  <title>add cusotmer </title>
  <script language="javascript" src="../js/validation.js"></script>
  <link href="../css/commonstyle.css" rel="stylesheet" type="text/css">
 </head>
 <body>
  <center>
   <h2 class="heading2">Add a New Customer</h2>
   <hr width="70%">
   <br>
  </center>
  <center>
   <form name="f1" ID="Form1">
    <table width="70%" ID="Table1">
     <tr>
      <th cols="2">
      </th>
     </tr>
     <tr>
      <td>Name<font class="mandatory">(*)</td>
      <td><input type="text" name="uname" ID="Text1"></td>
     </tr>
     <tr>
      <td>Gender<font Class="mandatory">(*)</td>
      <td><input type="radio" name="rad" value="male" ID="Radio1">male <input type="radio" name="rad" value="female" ID="Radio2">female</td>
     </tr>
     <tr>
      <td>DOB<font class="mandatory">(*)<p>"Eg:09-may-1984"</p>
      </td>
      <td><input type="text" name="dob" ID="Text2"></td>
     </tr>
     <tr>
      <td>Address<font class="mandatory">(*)<p>max 50 characters</p>
      </td>
      <td>
      <textarea name="addr" cols="21" rows="4" onKeypress="return lengthcheckdo()" ID="Textarea1"></textarea>
      </td>
     </tr>
     <tr>
      <td>City<font class="mandatory">(*)</td>
      <td><input type="text" name="city" maxlength="25" ID="Text1"></td>
     </tr>
     <tr>
      <td>State<font class="mandatory">(*)</td>
      <td><input type="text" name="state" maxlength="25" ID="Text2"></td>
     </tr>
     <tr>
      <td>Pin<font class="mandatory">(*)</td>
      <td><input type="text" name="pin" maxlength="6" ID="Text3"></td>
     </tr>
     <tr>
      <td>Tel NO</td>
      <td><input type="text" name="tel" maxlength="15" ID="Text4"></td>
     </tr>
     <tr>
      <td>Fax</td>
      <td><input type="text" name="fax" maxlength="15" ID="Text5"></td>
     </tr>
     <tr>
      <td>Email<font class="mandatory">(*)</td>
      <td><input type="text" name="email" maxlength="30" ID="Text6"></td>
     </tr>
     <tr>
      <td><font class="mandatory">(*)madatory field</td>
      <td><input type="submit" value="Submit" onClick="return customer_val()" ID="Submit1" NAME="Submit1">
       &nbsp&nbsp&nbsp&nbsp<input type="reset" value="
Reset " ID="Reset1" NAME="Reset1"></td>
     </tr>
   </form>
   </table>
   <br>
   <hr width="70%">
   <table width="70%" class="layout" border="0" ID="Table1">
    <tr>
     <td>Instruction:</td>
    </tr>
    <tr>
     <td><p>In this transaction.You can add a new customer for the bank.You should input all
       information of the customer carefully.Make sure of the information .</p>
     </td>
    </tr>
   </table>
  </center>

原创粉丝点击