BootStrap+Mybatis框架下實(shí)現(xiàn)表單提交數(shù)據(jù)重復(fù)驗(yàn)證
效果:
jsp頁(yè)面:
<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" > 版本號(hào)<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" > 版本名稱(chēng)<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" > 上傳應(yīng)用程序<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 ($) { //驗(yàn)證 $("#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'>版本號(hào)重復(fù)</font>", maxlength:"<font color='#d16e6c'>最大不能超過(guò)10位</font>" }, 'versionName':{ required: "<font color='#d16e6c'>必填</font>", remote:"<font color='#d16e6c'>版本名稱(chēng)重復(fù)</font>", maxlength:"<font color='#d16e6c'>最大不能超過(guò)40位</font>" }, 'updateLog':{ required: "<font color='#d16e6c'>必填</font>", maxlength:"<font color='#d16e6c'>最大不能超過(guò)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服務(wù)層
@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版本名稱(chēng)驗(yàn)證--> <select id="validateversionName" resultType="java.lang.Integer"> select count(id) from dbc_app_version where VERSION_NAME=#{versionName} </select> <!-- APP版本號(hào)驗(yàn)證--> <select id="validateversionCode" resultType="java.lang.Integer"> select count(id) from dbc_app_version where VERSION_CODE=#{versionCode} </select>
關(guān)于bootstrap專(zhuān)題大家可以參考下:
以上所述是小編給大家介紹的BootStrap框架下實(shí)現(xiàn)表單提交數(shù)據(jù)重復(fù)驗(yàn)證,希望對(duì)大家有所幫助,如果大家有任何疑問(wèn)請(qǐng)給我留言,小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持!
相關(guān)文章
ECMAScript6函數(shù)剩余參數(shù)(Rest Parameters)
這篇文章主要介紹了ECMAScript6函數(shù)剩余參數(shù)(Rest Parameters)的相關(guān)資料,需要的朋友可以參考下2015-06-06javascript定時(shí)器的簡(jiǎn)單應(yīng)用示例【控制方塊移動(dòng)】
這篇文章主要介紹了javascript定時(shí)器的簡(jiǎn)單應(yīng)用,結(jié)合javascript事件觸發(fā)控制方塊移動(dòng)操作分析了javascript定時(shí)器使用相關(guān)操作技巧,需要的朋友可以參考下2019-06-06JavaScript獲得頁(yè)面base標(biāo)簽中url的方法
這篇文章主要介紹了JavaScript獲得頁(yè)面base標(biāo)簽中url的方法,涉及javascript中元素的獲取及href屬性的使用技巧,需要的朋友可以參考下2015-04-04JavaScript實(shí)現(xiàn)的經(jīng)典文件樹(shù)菜單效果
這篇文章主要介紹了JavaScript實(shí)現(xiàn)的經(jīng)典文件樹(shù)菜單效果,通過(guò)JavaScript結(jié)合json數(shù)組實(shí)現(xiàn)文件樹(shù)菜單的效果,非常簡(jiǎn)單實(shí)用,需要的朋友可以參考下2015-09-09小程序?qū)崿F(xiàn)訂單評(píng)價(jià)和商家評(píng)價(jià)
這篇文章主要為大家詳細(xì)介紹了小程序?qū)崿F(xiàn)訂單評(píng)價(jià)和商家評(píng)價(jià)功能,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2022-04-04如何基于viewport vm適配移動(dòng)端頁(yè)面
這篇文章主要介紹了如何基于viewport vm適配移動(dòng)端頁(yè)面,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2020-11-11基于BootStrap實(shí)現(xiàn)局部刷新分頁(yè)實(shí)例代碼
這篇文章主要介紹了基于BootStrap實(shí)現(xiàn)局部刷新的分頁(yè)的相關(guān)資料,非常不錯(cuò),代碼簡(jiǎn)單易懂,具有參考價(jià)值,需要的朋友可以參考下2016-08-08