Maison > interface Web > js tutoriel > Introduction détaillée au partage de code pour la vérification répétée des données de soumission de formulaires dans le framework BootStrap+Mybatis

Introduction détaillée au partage de code pour la vérification répétée des données de soumission de formulaires dans le framework BootStrap+Mybatis

黄舟
Libérer: 2017-03-24 14:37:03
original
2068 Les gens l'ont consulté

Cet article présente principalement la fonction de vérification répétée des données de soumission de formulaire dans le cadre BootStrap+Mybatis. Elle est très bonne et a une valeur de référence. Les amis dans le besoin peuvent s'y référer

Effet : <.>

Introduction détaillée au partage de code pour la vérification répétée des données de soumission de formulaires dans le framework BootStrap+Mybatis

Introduction détaillée au partage de code pour la vérification répétée des données de soumission de formulaires dans le framework BootStrap+Mybatis

page jsp :

<form class="form-horizontal lui-tj-bd" id="dbc_code_add_form" method="post">
<p class="row">
<p class="col-xs-12">
<!-- PAGE CONTENT BEGINS -->
<p class="tabbable">
<p class="space-12"></p>
<p class="profile-user-info profile-user-info-striped">
<p class="profile-info-row">
<p class="profile-info-name" > 版本号<font color="red">*</font></p>
<p 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" />
</p>
</p>
<p class="profile-info-row">
<p class="profile-info-name" > 版本名称<font color="red">*</font></p>
<p 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"/>
</p>
</p>
<p class="profile-info-row">
<p class="profile-info-name" > 上传应用程序<font color="red">*</font></p>
<p class="profile-info-value">
<input type="file" name="file_upload" id="file_upload" />
</p>
</p>
<p class="profile-info-row ">
<p class="profile-info-name"> 下载地址<font color="red">*</font> </p>
<p 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>
</p>
</p>
<p class="profile-info-row">
<p class="profile-info-name" > 更新备注<font color="red">*</font></p>
<p class="profile-info-value">
<textarea class="col-sm-9 col-xs-12 " rows="5" id="updateLog" name="updateLog" >${list.updateLog}</textarea>
</p>
</p>
</p>
<p class="space-24"></p>
<p>
<p class=" col-md-offset-2 col-md-9 col-xs-12">
<p 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>
</p>
<button class="btn btn-sm btn-purple" type="reset">
<i class="ace-icon fa fa-undo "></i> 重置
</button>
</p>
</p>
</p>
</p>
</p>
</form>
Copier après la connexion

js :

ace.load_ajax_scripts(scripts, function () {
 jQuery(function ($) {
 //验证
  $("#dbc_code_add_form").validate({
 rules: {
 &#39;versionCode&#39;: {
 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"
   }
 },
 &#39;versionName&#39;: {
 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"
   }
 },
 &#39;updateLog&#39;: {
 required: true,
 maxlength:125
 }
 },
 messages:{
 &#39;versionCode&#39;:{
 required: "<font color=&#39;#d16e6c&#39;>必填</font>",
 remote:"<font color=&#39;#d16e6c&#39;>版本号重复</font>",
 maxlength:"<font color=&#39;#d16e6c&#39;>最大不能超过10位</font>"
 },
 &#39;versionName&#39;:{
 required: "<font color=&#39;#d16e6c&#39;>必填</font>",
 remote:"<font color=&#39;#d16e6c&#39;>版本名称重复</font>",
 maxlength:"<font color=&#39;#d16e6c&#39;>最大不能超过40位</font>"
 },
 &#39;updateLog&#39;:{
 required: "<font color=&#39;#d16e6c&#39;>必填</font>",
 maxlength:"<font color=&#39;#d16e6c&#39;>最大不能超过120位</font>"
 }
 }
 });
 });
});
Copier après la connexion

couche de contrôle du contrôleur :

@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;
 }
Copier après la connexion
@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;
 }
Copier après la connexion

couche de service de 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;
}
Copier après la connexion

couche dao

int validateversionCode(@Param("versionCode")String versionCode);
int validateversionName(@Param("versionName")String versionName);
Copier après la connexion
mapper.xml

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal