validforms表单验证的步骤

步骤一:添加css/js
 <script src="../js/jquery-1.9.1.js"></script>
 <!-- 表单验证 -->
 <script type="text/javascript" src="../js/validforms/Validform_v5.3.2.js"></script>
 <!--密码强度-->
 <script type="text/javascript" src="../js/validforms/passwordStrength-min.js"></script> 
 <script type="text/javascript" src="../js/validforms/verification.js"></script>
 <link rel="stylesheet" href="../css/Validform_css.css" />
 <!--*****************密码强度*********************************-->
步骤二:给form一个class="jqtransform"
 <form id="giftType" method="post" name="giftType" class="jqtransform">
步骤三:
<td style="text-align: right; width: 8%;">编号</td>
              <td width="25%">
               <input type="hidden" id="gityId" name="id" value="${updateGITY.id }" />
               <input type="text" id="typeCode" name="typeCode" value="${updateGITY.typeCode }" 
                class="inputxt Validform_error" datatype="*" errormsg="请填写信息!" 
   nullmsg="请填写信息!"/>        </td>
              <td width="15%">
  <div class="Validform_checktip">请输入编号</div>
 </td>
/--------------------------------------------------------------------------/
class="inputxt Validform_error"表单的验证样式
datatype是设置要求;
errormsg是设置错误的时候的提示信息
<div class="Validform_checktip">请输入编号</div>:这是设置开始的提示信息
步骤四:
<button id="saveBtn" type="submit" class="btn btn-primary btn82 btn_save2">保存</button>

你可能感兴趣的:(validforms表单验证的步骤)