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}|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( "提交失败" );
     }
    });
   }
  });


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM