===============================================================================
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表单验证提交的更多相关文章
-
jquery php ajax 表单验证
本实例用到 JQuery 类库本身的函数和功能,所有表单信息利用 PHPMailer 类库邮件的形式发送. .创建一个表单 html 页面 表单部分 html 代码 以下为引用内容: &l ...
-
表单验证提交——submit与button
之前做东西接触过表单验证提交,但是都是为了完成工作,做完就做完了,没有注过表单验证提交有几种方法,各方法都有啥区别.今天瞎折腾了一下,对他们研究了一下,如下是我个人的理解: submit: 从字面上看 ...
-
第一百五十四节,封装库--JavaScript,表单验证--提交验证
封装库--JavaScript,表单验证--提交验证 将表单的所有必填项,做一个判断函数,填写正确时返回布尔值 最后在提交时,判断每一项是否正确,全部正确才可以 提交 html <div id= ...
-
【转】Validate + Boostrap tooltip 表单验证示例
一.工具准备: 1.boostrap: 下载地址 http://getbootstrap.com/ jquery: jQuery版本需大于或等于1.8.0 jquery.validate.min.j ...
-
MVC身份验证.MVC过滤器.MVC6关键字Task,Async.前端模拟表单验证,提交.自定义匿名集合.Edge导出到Excel.BootstrapTree树状菜单的全选和反选.bootstrap可搜索可多选可全选下拉框
1.MVC身份验证. 有两种方式.一个是传统的所有控制器继承自定义Control,然后再里面用MVC的过滤器拦截.所以每次网站的后台被访问时.就会先走入拦截器.进行前端和后端的验证 一个是利用(MVC ...
-
原生JS写表单验证提交功能
先上效果图: 表单的基础内容就是昵称判断.手机号判断.邮箱判断.身份证号码判断,这里是用到正则验证检验格式. 页面的表单写法就是一个form的提交.输入框用input来实现,输入内容用value来获取 ...
-
Ajax 表单验证 实现代码
兼容: opera 9.6 + chrome 2.0 + FF 3 + IE 6 效果:一边输入一边实现验证 image 环境:ruby 1.8.6 + rails 2.1.0 + windows 核 ...
-
validate+jquery+ajax表单验证
1.案例 1.1 Html form表单内容 <form class="cForm" id="cForm" method="post" ...
-
jquery.validate+jquery.form表单验证提交
1.通过jquery.validate的submitHandler选项,即当表单通过验证时运行回调函数.在这个回调函数中通过jquery.form来提交表单: <script type=&quo ...
随机推荐
-
实验三同学评论http://home.cnblogs.com/u/MyDring/
47赖燕菲http://www.cnblogs.com/lyfzero/ :该同学实验整体思路较清晰,希望把完整代码发布出来. 48李小娜http://www.cnblogs.com/dmbs/ :该 ...
-
qt 3 获取文件路径中的一部分
QList<QString> qlist = path.split(QRegExp("[\\\\/]")); QString FileName = qlist.at(q ...
-
详解H264视频格式-2016.01.28
专业名词解释 VCL(Video Coding Layer)视频编码层 NAL(Network Abstraction Layer)网络提取层 SPS(Sequence Parameter Set) ...
-
【译】Selenium 2.0 WebDriver
Selenium WebDriver 注意:我们正致力于完善帮助指南的每一个章节,虽然这个章节仍然存在需要完善的地方,不过我们坚信当前你看到的帮助信息是精确无误的,后续我们会提供更多的指导信息来完 ...
-
erlang 编程指南 第三章-顺序编程 课后练习
1. sum(3) => 6; sum(1,3) => 6; sum(6,6) => 6; sum(N) when is_integer(N) -> sum_acc(N,0); ...
-
EXP-00056: ORACLE error 6550 encountered报错;
SQL> exp sys/sys file=/home/oracle/sys.dmp full=y Export: Release 11.2.0.3.0 - Production on Wed ...
-
[Mugeda HTML5技术教程之15]案例分析:制作移动教育课件
本文档要分析的案例是一个一氧化碳还原氧化铜的教育小课件,从中可以体会一些Mugeda API的用法和使用Mugeda动画制作移动教育课件的方法.Mugeda为移动教育领域和移动数字出版领域提供理想的教 ...
-
setTimeout 和 setInteval 的区别。
学习前端的可能都知道js有2个定时器setTimeOut和setinteval.用的时候可能不是很在意,但是2者还是有区别的 setTimeout方法是定时程序,也就是在什么时间以后干什么.干完就完了 ...
-
webapp万能选择器:iosselect
iosselect是个什么东西? 移动端浏览器对于select的展示样式是不一致的,ios下是类似原生的picker,安卓下各浏览器展示各异,我们需要一个选择器组件来统一各端下各种浏览器的展示.下面是 ...
-
Jenkins+Tomcat+svn+maven自动化构建简单过程
搭建好jenkins自动化构建之后,点击立即构建,即可将svn服务器上的源码自动编译构建,并打成war包,然后将这个war包以及编译好的项目复制到指定服务器的tomcat容器里,当svn服务器的代码有 ...