首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > JavaScript >

表单的js证验框架,只提供提示信息及正则表达式即可自动验证及提示

2013-09-22 
表单的js验证框架,只提供提示信息及正则表达式即可自动验证及提示由于表单验证比较麻烦,所以写个jquery框

表单的js验证框架,只提供提示信息及正则表达式即可自动验证及提示

由于表单验证比较麻烦,所以写个jquery框架进行表单的自动验证及提示,以减少工作量:

1.jquery框架源码:

<form id="loginForm" name="loginForm" class="form-horizontal" action="${pageContext.request.contextPath }/admin/user_operate.htm" method="post">             <s:token />             <div class="control-group" style="margin-top: 15px;">                 <label  class="control-label">登录名称:</label>                 <div class="controls">                     <input type="text" onkeyup="valName()" name="user.userName" id="username" class="span6 typeahead">                 </div>             </div>             <div class="control-group">                 <label  class="control-label">登录密码:</label>                 <div class="controls">                     <input type="password" name="user.userPass" id="userpass" class="span6 typeahead">                 </div>             </div>             <div class="control-group">                 <label  class="control-label">确认密码:</label>                 <div class="controls">                     <input type="password" name="repassword" id="repassword" class="span6 typeahead">                 </div>             </div>             <div class="control-group">                 <label  class="control-label">联系电话:</label>                 <div class="controls">                     <input type="text" name="user.tel" id="tel" class="span6 typeahead">                 </div>             </div>             <div class="control-group">                 <label  class="control-label">备  注:</label>                 <div class="controls">                     <input type="text" name="user.remark" id="remark" class="span6 typeahead" maxlength="25">                 </div>             </div>             <div class="control-group" style="text-align: left;">                 <button type="submit" style="margin-left: 170px;" id="btnlogin" class="btn btn-primary">确认添加</button>                 <button type="reset" class="btn btn-primary">重置</button>                 <s:fielderror /><s:actionerror/>             </div>         </form>



1楼lfANDhyy41132872113天前 10:41
嗯,不错,减少了工作量啊。。牛叉

热点排行