BootStrap+Mybatis框架下实现表单提交数据重复验证
2017-03-23 15:49
671 查看
效果:
jsp页面:
<form class="form-horizontal lui-tj-bd" id="dbc_code_add_form" method="post"> <div class="row"> <div class="col-xs-12"> <!-- PAGE CONTENT BEGINS --> <div class="tabbable"> <div class="space-12"></div> <div class="profile-user-info profile-user-info-striped"> <div class="profile-info-row"> <div class="profile-info-name" > 版本号<font color="red">*</font></div> <div class="profile-info-value"> <input type="hidden" value="${list.id}" name="id" class="col-xs-12 col-sm-9" /> <input type="hidden" value="${list.versionCode}" id="oldversionCode" name="oldversionCode" class="col-xs-12 col-sm-9" /> <input type="text" value="${list.versionCode}" id="versionCode" name="versionCode" class="col-xs-12 col-sm-9" /> </div> </div> <div class="profile-info-row"> <div class="profile-info-name" > 版本名称<font color="red">*</font></div> <div class="profile-info-value"> <input type="hidden" value="${list.versionName}" id="oldversionName" name="oldversionName" class="col-xs-12 col-sm-9" /> <input type="text" value="${list.versionName}" id="versionName" name="versionName" class="col-xs-12 col-sm-9"/> </div> </div> <div class="profile-info-row"> <div class="profile-info-name" > 上传应用程序<font color="red">*</font></div> <div class="profile-info-value"> <input type="file" name="file_upload" id="file_upload" /> </div> </div> <div class="profile-info-row "> <div class="profile-info-name"> 下载地址<font color="red">*</font> </div> <div class="profile-info-value"> <span class="editable editable-click"> <input type="text" id="downloadUrl" name="downloadUrl" class="col-xs-12 col-sm-9" readonly="readonly" value="${list.downloadUrl}" /> </span> </div> </div> <div class="profile-info-row"> <div class="profile-info-name" > 更新备注<font color="red">*</font></div> <div class="profile-info-value"> <textarea class="col-sm-9 col-xs-12 " rows="5" id="updateLog" name="updateLog" >${list.updateLog}</textarea> </div> </div> </div> <div class="space-24"></div> <div> <div class=" col-md-offset-2 col-md-9 col-xs-12"> <div class=" col-xs-6"> <button class="btn btn-sm btn-success" type="button" id="saveButton2" style="float:right;" onclick="tobaocun()"> <i class="ace-icon fa fa-check "></i>保存 </button> </div> <button class="btn btn-sm btn-purple" type="reset"> <i class="ace-icon fa fa-undo "></i> 重置 </button> </div> </div> </div> </div> </div> </form>
js:
ace.load_ajax_scripts(scripts, function () { jQuery(function ($) { //验证 $("#dbc_code_add_form").validate({ rules: { 'versionCode': { required: true, maxlength:20, remote:{ type:"post", dataType:"json", data:{versionCode:function () { return $("#versionCode").val();}, oldversionCode:function () { return $("#oldversionCode").val();} }, url:"${base}/admin/road/app/validateversionCode.do" } }, 'versionName': { required: true, maxlength:40, remote:{ type:"post", dataType:"json", data:{versionName:function () { return $("#versionName").val();}, oldversionName:function () { return $("#oldversionName").val();} }, url:"${base}/admin/road/app/validateversionName.do" } }, 'updateLog': { required: true, maxlength:125 } }, messages:{ 'versionCode':{ required: "<font color='#d16e6c'>必填</font>", remote:"<font color='#d16e6c'>版本号重复</font>", maxlength:"<font color='#d16e6c'>最大不能超过10位</font>" }, 'versionName':{ required: "<font color='#d16e6c'>必填</font>", remote:"<font color='#d16e6c'>版本名称重复</font>", maxlength:"<font color='#d16e6c'>最大不能超过40位</font>" }, 'updateLog':{ required: "<font color='#d16e6c'>必填</font>", maxlength:"<font color='#d16e6c'>最大不能超过120位</font>" } } }); }); });
controller控制层:
@RequestMapping(value="/validateversionCode",method=RequestMethod.POST) @ResponseBody public boolean validateversionCode(@RequestParam("versionCode")String versionCode, @RequestParam("oldversionCode")String oldversionCode){ if(!versionCode.equals(oldversionCode)||StringUtils.isEmpty(oldversionCode)){ boolean isOk = appversionService.validateversionCode(versionCode); return isOk; } return true; }
@RequestMapping(value="/validateversionName",method=RequestMethod.POST) @ResponseBody public boolean validateversionName(@RequestParam("versionName")String versionName, @RequestParam("oldversionName")String oldversionName){ if(!versionName.equals(oldversionName)||StringUtils.isEmpty(oldversionName)){ boolean isOk = appversionService.validateversionName(versionName); return isOk; } return true; }
service服务层
@Override public boolean validateversionCode(String versionCode){ int count = dbcAppVersionMapper.validateversionCode(versionCode); return (count>0)?false:true; } @Override public boolean validateversionName(String versionName){ int count = dbcAppVersionMapper.validateversionName(versionName); return (count>0)?false:true; }
dao 层
int validateversionCode(@Param("versionCode")String versionCode); int validateversionName(@Param("versionName")String versionName);
mapper.xml
<!-- APP版本名称验证--> <select id="validateversionName" resultType="java.lang.Integer"> select count(id) from dbc_app_version where VERSION_NAME=#{versionName} </select> <!-- APP版本号验证--> <select id="validateversionCode" resultType="java.lang.Integer"> select count(id) from dbc_app_version where VERSION_CODE=#{versionCode} </select>
关于bootstrap专题大家可以参考下:
以上所述是小编给大家介绍的BootStrap框架下实现表单提交数据重复验证,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持!
您可能感兴趣的文章:
相关文章推荐
- bootstrap框架下实现表单提交数据重复验证
- 关于bootstrapValidator 表单校验remote出现两次重复提交才能验证通过问题处理
- Struts2表单验证、模型驱动、防重复提交、数据回显笔记整理 文章标题
- Session实现表单重复提交验证
- 使用Spring AOP注解方式实现表单重复提交验证功能
- 基于JavaScript实现带数据验证和复选框的表单提交
- PHP实现表单提交数据的验证处理功能【防SQL注入和XSS攻击等】
- Struts2表单验证、模型驱动、防重复提交、数据回显笔记整理
- 使用validate.js实现表单数据提交前的验证方法
- Jquery 实现表单提交按钮变灰,防止多次点击提交重复数据
- PHP实现防止表单重复提交功能【基于token验证】
- 使用struts2拦截器实现防止表单数据重复提交
- Spring 2.5.6.SEC01 基于注解的表单提交、验证框架、 View端采用模板语言Jangod
- struts2的框架下利用js创建表单提交数据
- 采用一个自创的"验证框架"实现对数据实体的验证[设计篇]
- 基于ASP.NET AJAX框架实现表单验证编程原理
- 采用一个自创的"验证框架"实现对数据实体的验证[编程篇]
- jquery ajax提交表单数据的两种实现方法
- 定义一个网站全局的 HttpModule ,用来验证客户端是否重复提交数据和是否跨站点提交数据
- 【分享】利用decorator实现Django表单防重复提交