===============================================================================

1.

1
<link href="<%=basePath %>bootstrap/css/bootstrap-datetimepicker.min.css" rel="external nofollow" rel="stylesheet" media="screen">

===============================================================================

$(function(){/* 文档加载,执行一个函数*/
// $(".submit_review").attr({"disabled":"disabled"});
 $('#defaultForm').bootstrapValidator({
    message: 'This value is not valid',
    feedbackIcons: {/*输入框不同状态,显示图片的样式*/
     valid: 'glyphicon glyphicon-ok',
     invalid: 'glyphicon glyphicon-remove',
     validating: 'glyphicon glyphicon-refresh'
    },
    fields: {/*验证*/
     company_name: {/*键名username和input name值对应*/
      validators: {
       notEmpty: {/*非空提示*/
        message: '公司名称不能为空'
       },
//       stringLength: {/*长度提示*/
//        min: 6,
//        max: 30,
//        message: '用户名在6到30之间'
//       }/*最后一个没有逗号*/
      }
     },
     company_id: {
      validators: {
       notEmpty: {
        message: '公司ID不能为空'
       },
      }
     },
     equipment_ip: {
      validators: {
       notEmpty: {
        message: '设备IP不能为空'
       },
       regexp: {
        regexp: /^(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])$/,
        message: '设备IP不合法'
         }
      }
     },
    }
  })
 });

===============================================================================

 
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
$("#btn_reset").click(function(event) {
  /* Act on the event */
  $('#defaultForm').data('bootstrapValidator').resetForm(true);
 });
 $("body").on('click', '#btn_submit_add', function(event) {
  /* Act on the event */
  $('#defaultForm').bootstrapValidator('validate');
  var flag = $("#defaultForm").data('bootstrapValidator').isValid();
  if (!flag) {
   toastr.error("填写有误,请重新填写!");
  } else {
   $.post('addEquipmentInfoCheck.action', {
    "equipmentInfoCheck.companyId": $("#company_id").val(),
    "equipmentInfoCheck.companyName": $("#company_name").val(),
    "equipmentInfoCheck.machineRoom": $("#computer_room").val(),
    "equipmentInfoCheck.equipmentCabinet": $("#cabinet").val(),
    "equipmentInfoCheck.deviceType": $("#equipment_type").val(),
    "equipmentInfoCheck.deviceName": $("#equipment_name").val(),
    "equipmentInfoCheck.deviceIp": $("#equipment_ip").val(),
    "equipmentInfoCheck.deviceBrand": $("#equipment_brand").val(),
    "equipmentInfoCheck.deviceModel": $("#equipment_model").val(),
    "equipmentInfoCheck.position": $("#shelf_position").val(),
    "equipmentInfoCheck.deviceSn": $("#equipment_sn").val(),
    "equipmentInfoCheck.devicePn": $("#equipment_pn").val(),
    "equipmentInfoCheck.state":1
   }, function(data, textStatus, xhr) {
    /*optional stuff to do after success */
    if (textStatus == "success") {
     // e.preventDefault();
     $('#defaultForm').data('bootstrapValidator').resetForm(true);
     $("#myModal_add").modal('hide');
     toastr.success("提交成功");
    }else{
     $("#myModal_add").modal('hide');
     toastr.error("提交失败");
    }
   });
  }
 });

boostrap ajax表单验证提交的更多相关文章

  1. jQuery Validatede 结合Ajax 表单验证提交

    <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...

  2. jquery php ajax 表单验证

    本实例用到 JQuery 类库本身的函数和功能,所有表单信息利用 PHPMailer 类库邮件的形式发送.   .创建一个表单 html 页面   表单部分 html 代码   以下为引用内容: &l ...

  3. 表单验证提交——submit与button

    之前做东西接触过表单验证提交,但是都是为了完成工作,做完就做完了,没有注过表单验证提交有几种方法,各方法都有啥区别.今天瞎折腾了一下,对他们研究了一下,如下是我个人的理解: submit: 从字面上看 ...

  4. 第一百五十四节,封装库--JavaScript,表单验证--提交验证

    封装库--JavaScript,表单验证--提交验证 将表单的所有必填项,做一个判断函数,填写正确时返回布尔值 最后在提交时,判断每一项是否正确,全部正确才可以 提交 html <div id= ...

  5. 【转】Validate + Boostrap tooltip 表单验证示例

    一.工具准备: 1.boostrap: 下载地址 http://getbootstrap.com/ jquery: jQuery版本需大于或等于1.8.0  jquery.validate.min.j ...

  6. MVC身份验证.MVC过滤器.MVC6关键字Task,Async.前端模拟表单验证,提交.自定义匿名集合.Edge导出到Excel.BootstrapTree树状菜单的全选和反选.bootstrap可搜索可多选可全选下拉框

    1.MVC身份验证. 有两种方式.一个是传统的所有控制器继承自定义Control,然后再里面用MVC的过滤器拦截.所以每次网站的后台被访问时.就会先走入拦截器.进行前端和后端的验证 一个是利用(MVC ...

  7. 原生JS写表单验证提交功能

    先上效果图: 表单的基础内容就是昵称判断.手机号判断.邮箱判断.身份证号码判断,这里是用到正则验证检验格式. 页面的表单写法就是一个form的提交.输入框用input来实现,输入内容用value来获取 ...

  8. Ajax 表单验证 实现代码

    兼容: opera 9.6 + chrome 2.0 + FF 3 + IE 6 效果:一边输入一边实现验证 image 环境:ruby 1.8.6 + rails 2.1.0 + windows 核 ...

  9. validate+jquery+ajax表单验证

    1.案例 1.1 Html form表单内容 <form class="cForm" id="cForm" method="post" ...

随机推荐

  1. C语言--解引用

    昨天,在<C和指针>上面看到"解引用"这个名词,就好奇的去查了查. (下面是一个大一渣渣的理解,请各位朋友海涵,如果有漏洞或者补充希望前辈不吝指正.) 例: #incl ...

  2. 鸟哥的linux私房菜学习-(一)优缺点分析以及主机规划与磁盘分区

    一.linux的优缺点 那干嘛要使用Linux做为我们的主机系统呢?这是因为Linux有底下这些优点: 稳定的系统:Linux本来就是基于Unix概念而发展出来的操作系统,因此,Linux具有与Uni ...

  3. Django学习日记04_模板_overview

    通过Django中的模板,使得设计人员和网站管理有一个对接的接口,实现网页设计和逻辑的分离,因此,模板会处理大量的文本解析内容,django中内部使用了高效的引擎来完成模板解析. 模板设置 在使用模板 ...

  4. TreeMap 源码分析

    简介 TreeMap最早出现在JDK 1.2中,是 Java 集合框架中比较重要一个的实现.TreeMap 底层基于红黑树实现,可保证在log(n)时间复杂度内完成 containsKey.get.p ...

  5. vue2.0 实现导航守卫(路由守卫)

    路由跳转前做一些验证,比如登录验证,是网站中的普遍需求. 对此,vue-route 提供的 beforeRouteUpdate 可以方便地实现导航守卫(navigation-guards). 导航守卫 ...

  6. select超链接跳转A

    客户端页面 实现 下拉菜单 跳转链接 如图 遂使用 select option来展现.开始想到添加 a标签,结果,不行.渲染不出来 搜索查询得知 如下方法实现 ================== & ...

  7. hadoop安装和配置

    这里只是涉及了hadoop的一些思路,所以完全分布式配置文件并没有哦!以后会把详细的配置过程和使用环境补充在另外一篇博客中 hadoop的安装: --------------------------- ...

  8. fastdfs集群

    高可用的两大目的:数据备份,数据分片 1.FastDFS安装配置 先配置一台,将其中的配置文件打包,下载,然后配置其他机器时只需要解压即可, 打包命令 然后下载,上传到其他机器相对应的/etc目录下 ...

  9. 记一次电信反射xss的挖掘与利用

    0X0.前言 早上起床,打开手机习惯性刷刷新闻,却发现网络无法连接,本以为是光猫出现了问题,后来发现是忘记续费,欠费了. 在网上充值完之后,等了有将近十分钟,网依旧没恢复.随打了个电话给客服,客服在后 ...

  10. 平衡树Treap模板与原理

    这次我们来讲一讲Treap(splay以后再更) 平衡树是一种排序二叉树(或二叉搜索树),所以排序二叉树可以迅速地判断两个值的大小,当然操作肯定不止那么多(不然我们还学什么). 而平衡树在排序二叉树的 ...