bootstrap validate表单验证

引入js文件

<script src="js/bootstrapValidator.min.js" type="text/javascript"></script>
<script src="js/bootstrapValidator_zh_CN.js" type="text/javascript"></script>

js代码

$(document).ready(function () {$("form").bootstrapValidator({feedbackIcons: {valid: 'glyphicon glyphicon-ok',invalid: 'glyphicon glyphicon-remove',validating: 'glyphicon glyphicon-refresh'},fields: {merchant_name: {message: '商户全称验证失败',validators: {notEmpty: {message: '商户全称不能为空'}}},email: {validators: {notEmpty: {message: '邮箱地址不能为空'}}},status: {validators: {notEmpty: {message: '状态不能为空'}}}}});});function submitForm(obj){var $form = $(obj).parents("form").eq(0);$form.data("bootstrapValidator").validate(); // 手动验证var isValid = $form.data("bootstrapValidator").isValid(); // 是否验证成功if(isValid){bootbox.confirm({message: "是否确认提交？",callback: function(result){if(!result){return;}var dialog = showLoading();var url = $form.attr("action");$.ajax({url: url,type: "post",async: true, // 是否异步请求（此处需这只为异步请求true，否则bootstrap的modal不会顺序显示）cache: false, // 是否缓存此页面，每次都请求服务器contentType: "application/x-www-form-urlencoded", // 内容编码类型，默认dataType: "json", // 预期服务器返回数据格式timeout: 60000, // 超时时间，60sdata: $form.serialize(), // 请求参数beforeSend: function(xhr){}, // 发送请求预处理error: function(xhr, errMsg, e){bootbox.alert("请求服务器失败！");}, // 请求服务器失败的处理dataFilter: function(data, type){return data;}, // 请求成功预处理，返回的值为success的参数datasuccess: function(data){bootbox.alert(JSON.stringify(data));}, // 请求服务器成功的处理complete: function(xhr, ts){hideDialog(dialog);} // 请求完成的处理，无论成功或失败});}});}
}

图示

bootstrap validate表单验证相关推荐

jQuery-easyui和validate表单验证实例
jQuery EasyUI 表单 - 表单验证插件validatebox 使用时需要向页面引入两个css文件如下: <link rel="stylesheet" href=& ...
html中表单的校验的插件,功能强大的jquery.validate表单验证插件
本文实例为大家分享了jquery.validate表单验证的使用方法,供大家参考,具体内容如下 1 .表单验证的准备工作在开启长篇大论之前,首先将表单验证的效果展示给大家. 1.点击表单项,显示帮助 ...
bootstrap 5 表单验证
bootstrap 5 表单验证写在前面 Bootstrap 是一个功能强大.功能丰富的前端工具包.bootstrap 以其优秀的栅格系统,为网页创作带来的极大的方便.目前版本是5.2 .然而在表单 ...
validate表单验证的用法
正则表达式验证字符串 var value='这是待验证的字符串' var char=/^[\u4e00-\u9fa5]+$/; //稚嫩恶搞输入汉字 console.log(char.test(val ...
Validate 表单验证用法说明
前言 Validate 是 jQuery 的一个子插件, 该插件为表单提供了强大的验证功能,让客户端表单验证变得更简单,同时提供了大量的定制选项,满足用户的各种验证需求.该插件捆绑了一套有用的验证方法 ...
bootstrap html5 表单验证,基于Bootstrap+jQuery.validate实现表单验证
这大概是一种惯例,学习前台后台最开始接触的业务都是用户注册和登录.现在社会坚持以人为本的理念,在网站开发过程同样如此.User是我们面对较多的对象,也是较核心的对象.最开始的用户注册和登陆这块,也就尤 ...
jquery的validate表单验证表单注册插件
这款插件非常好用! 首先导入插件: <script src="js/jquery.validate.min.js" type="text/javascript&qu ...
jQuery Validate表单验证框架详解
jQuery表单验证框架总结 jQuery Validate验证框架详解 jQuery校验官网地址:bassistance.de » jQuery plugin: Validation 一.导入js库 ...
jQuery Validate 表单验证插件----自定义校验结果样式
一.下载依赖包网盘下载:https://yunpan.cn/cryvgGGAQ3DSW 访问密码 f224 二.引入依赖包 <script src="../../scripts/j ...

bootstrap validate表单验证

bootstrap validate表单验证相关推荐

最新文章

热门文章