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( "提交失败" ); } }); } }); |
boostrap ajax表单验证提交的更多相关文章
- jQuery Validatede 结合Ajax 表单验证提交
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...
- 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" ...
随机推荐
- C# 给枚举类型增加一个描述特性
前言 相信很多人对枚举并不陌生,枚举可以很方便和直观的管理一组特定值.如果我们在页面上直接输出我们希望匹配的汉语意思或则其他满足我们需求的语句就更好了,当然,通常小伙伴们都会再页面上if(enum== ...
- IOS 看懂此文,你的block再也不需要WeakSelf弱引用了!
前言: 最近都在折腾 Sagit 架框的内存释放的问题,所以对这一块有些心得. 对于新手,学到的文章都在教你用:typeof(self) __weak weakSelf = self. 对于老手,可能 ...
- 用AndroidStudio发布Libs到Bintray jCenter
1 RootProject[根目录]build.gradle中添加如下插件引用 dependencies { ....... classpath 'com.jfrog.bintray.gradle:g ...
- opacity的背景透明&background中rgba的背景色透明
近期使用css实现了一个loading旋转加载的图片效果,类似gif动画 过程中,需要透明背景,但是图片不要透明 只要背景透明!只要背景透明!只要背景透明! 这里对透明模糊了,两种写法,模糊了 A: ...
- PyQt4中的Treeview
import sys from PyQt4 import QtCore, QtGui from qyolk import Ui_QYolk from yolk import yolklib class ...
- IIS 应用程序池自动停止
IIS7 .NET Runtime version 2.0.50727.5420 - 执行引擎错误(000007FEE77AAF0E) (80131506) 装完系统,配置完IIS,发现.NET程序报 ...
- Python进阶内容(四)--- 迭代器(Iterator)与生成器(Generator)
迭代器 我们已经知道,可以直接作用于for循环的数据类型有以下几种: 一类是集合数据类型,如list.tuple.dict.set.str等: 一类是generator,包括生成器和带yield的ge ...
- Git的使用-如何将本地项目上传到Github
默认你的电脑上已经安装了git. 第一步:我们需要先创建一个本地的版本库(其实也就是一个文件夹). 你可以直接右击新建文件夹,也可以右击打开Git bash命令行窗口通过命令来创建. 现在我通过命令行 ...
- 用JAVA写一个冒泡排序
一:实现思想: 基本思想:在要排序的一组数中,对当前还未排好序的范围内的全部数,自上而下对相邻的两个数依次进行比较和调整,让较大的数往下沉,较小的往上冒.即:每当两相邻的数比较后发现它们的排序与排序要 ...
- C#学习笔记-建造者模式
题目:用程序画一个小人. 实现: public partial class Form1 : Form { public Form1() { InitializeComponent(); } priva ...