表单的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
- 嗯,不错,减少了工作量啊。。牛叉