zoukankan      html  css  js  c++  java
  • boostrap ajax表单验证提交

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

    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}|1dd|2[0-4]d|25[0-5]).(d{1,2}|1dd|2[0-4]d|25[0-5]).(d{1,2}|1dd|2[0-4]d|25[0-5]).(d{1,2}|1dd|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("提交失败");
        }
       });
      }
     });
  • 相关阅读:
    (转载)直接用SQL语句把DBF导入SQLServer
    (转载)SQLServer存储过程返回值总结
    (转载)MS SQL Server 未公开的加密函数有哪些?
    (转载)SQL语句,纵列转横列
    (转载)直接用SQL语句把DBF导入SQLServer
    (转载)用SQL语句创建Access表
    (转载)根据数据字典表定义的表结构,生成创建表的SQL语句
    (转载)sql语句解决分页问题
    (转载)总结一下SQL语句中引号(')、quotedstr()、('')、format()在SQL语句中的用法
    (转载)异构数据库之间完全可以用SQL语句导数据
  • 原文地址:https://www.cnblogs.com/vip-deng-vip/p/7856257.html
Copyright © 2011-2022 走看看