Tuesday, 2 September 2014

HTML5 Validation Code

<table border="0" width="530px" style="margin-top:10px;">
      <tr>
      <td>First Name</td>
      </tr>
     
        <tr>
      <td><input type="text" pattern="([a-zA-Z]| |/|\|@|#|$|%|&)+" required="required" name="firstname" class="input_field" placeholder="Enter Your First Name" ></td>
      </tr>
     
            <tr>
      <td>Last Name</td>
      </tr>
     
        <tr>
      <td><input type="text" pattern="([a-zA-Z]| |/|\|@|#|$|%|&)+" required="required" name="lastname" class="input_field" placeholder="Enter Your Last Name" ></td>
      </tr>
     
            <tr>
      <td>Email:</td>
      </tr>
     
        <tr>
      <td><input type="email"  required="required" name="emil" class="input_field" placeholder="Enter Your Email" ></td>
      </tr>
     
     
     
     
       <td>Number</td>
      </tr>
        <tr>
      <td><input type="text" name="contact" required="required" pattern="[789][0-9]{9}"  placeholder="Enter Your No" class="input_field"></td>
      </tr>
       <td>Message</td>
      </tr>
        <tr>
      <td><textarea name="message" cols="30" rows="5" class="required" placeholder="Enter Your Message" required="required"></textarea></td>
      </tr>
      <tr><td>
      <input type="submit" class="submit_btn" name="submit" id="submit" value="submit" />
      <input type="reset" class="submit_btn" name="reset" id="reset" value="Reset" /></td>
      </tr>
      </table>