formvalidation表单验证
官方文档:http://formvalidation.io
var $formEntityProfileSearch = $("form[name=entityProfileSearch]");
var $formValidationEntityProfileSearch = $formEntityProfileSearch.data("formValidation");
//初始化表单验证
$formValidationEntityProfileSearch.revalidateField('companyFullName');
//支持单一字段重新验证
formValidationEntityProfileSearch.resetField();
//重置验证字段
一个表单多个提交按钮
formSubmit.off('success.form.fv.submit');
formSubmit.on('success.form.fv.submit', function(e) {
var $form = $(e.target), // Form instance
// Get the clicked button
$button = $form.data('formValidation').getSubmitButton();
switch ($button.attr('name')) {
case 'save':
e.preventDefault();
var formData = Utils.formArrayToObject(formSubmit.serializeArray());
formData.shippmentFee=oldshippmentFee;
var data = $.extend({},jsonresult,formData);
BootstrapDialog.confirm({
title: "发货信息确认",
message: "确定保存发货信息吗?",
type: BootstrapDialog.TYPE_DANGER,
callback: function(res) {
if(res){
Utils.ajax({
scope:formSubmit,
url:"./order/orderdelivery/save_order_delivery_information",
type:"POST",
dataType:"json",
contentType:"application/json",
data:JSON.stringify(data),
normalCallback:function(result){
BootstrapDialog.success("保存成功",function(){
dialog.close();
$dttbltaskorder.draw();
});
}
});
}
}
})
break;
case 'dispatching':
e.preventDefault();
var formData = Utils.formArrayToObject(formSubmit.serializeArray());
formData.shippmentFee=oldshippmentFee;
var data = $.extend({},jsonresult,formData);
BootstrapDialog.confirm({
title: "发货确认",
message: "确定发货吗?",
type: BootstrapDialog.TYPE_DANGER,
callback: function(res) {
if(res){
Utils.ajax({
scope:formSubmit,
url:"./order/orderdelivery/submit_shippment",
type:"POST",
dataType:"json",
contentType:"application/json",
data:JSON.stringify(data),
normalCallback:function(result){
BootstrapDialog.success("发货成功",function(){
dialog.close();
$dttbltaskorder.draw();
});
}
})
}
}
})
break;
}
});
电话验证:
data-fv-phone="true" data-fv-phone-country="CN"
支持html5的标签属性:参考 http://formvalidation.io/validators/
博客地址:http://www.cnblogs.com/windseek/
formvalidation表单验证的更多相关文章
- 表单验证插件--formvalidation
表单验证是一个非常基础的功能,当你的表单项少的时候,可以自己写验证,但是当你的表单有很多的时候,就需要一些验证的插件.今天介绍一款很好用的表单验证插件,formvalidation.其前身叫做boot ...
- jQuery表单验证以及将表单序列化为json对象小练习
jquery表单验证(非实时验证),同时,将表单序列化为json对象提交表单. <!DOCTYPE html> <html lang="en"> <h ...
- angular学习笔记(二十)-表单验证
本篇主要介绍angular中的表单验证: 表单验证主要有以下一些内容: 1. required指令: 相当于html5的required属性,验证不能为空 2. ng-maxlength属性: 验证内 ...
- JavaScript | 基础表单验证(纯Js)
———————————————————————————————————————————— 基础表单验证(纯js) - - - - - - - - - - - - - - - - - - - - - - ...
- Spring进行表单验证
转自:https://www.tianmaying.com/tutorial/spring-form-validation 开发环境 IDE+Java环境(JDK 1.7或以上版本) Maven 3. ...
- 如何在Vue的项目里对element的表单验证进行封装
介绍需求 熟悉并优化公司项目的第五天,领导说能不能把表单验证封装一下,我打开代码一看 由于是后台管理系统,无数个需要验证的输入框,由于截图长度受限,只能展示部分,类似于这种页面还有无数个!代码重复率非 ...
- jQuery学习之路(8)- 表单验证插件-Validation
▓▓▓▓▓▓ 大致介绍 jQuery Validate 插件为表单提供了强大的验证功能,让客户端表单验证变得更简单,同时提供了大量的定制选项,满足应用程序各种需求.该插件捆绑了一套有用的验证方法,包括 ...
- 玩转spring boot——AOP与表单验证
AOP在大多数的情况下的应用场景是:日志和验证.至于AOP的理论知识我就不做赘述.而AOP的通知类型有好几种,今天的例子我只选一个有代表意义的“环绕通知”来演示. 一.AOP入门 修改“pom.xml ...
- form表单验证-Javascript
Form表单验证: js基础考试内容,form表单验证,正则表达式,blur事件,自动获取数组,以及css布局样式,动态清除等.完整代码如下: <!DOCTYPE html PUBLIC &qu ...
随机推荐
- java静态初始化代码块
/* * 为什么Java中为什么没有静态构造函数.其实Java中不叫静态构造函数,称作静态初始化,或者静态代码块. * 可以通过这样的代码实现相同的功能: */ public class test { ...
- 走进javascript——DOM事件
DOM事件模型 在0级DOM事件模型中,它只是简单的执行你为它绑定的事件,比如你为某个元素添加了一个onclick事件,当事件触发时,它只是去调用我们绑定的那个方法,不再做其他的操作. 在2级DOM事 ...
- plupload插件的错误SCRIPT601
在网上copy 别人的demo来用结果发生这个问题.浪费半天时间才找到问题. 在IE8下下提示这个异常. SCRIPT601: 未知的运行时错误plupload.full.min.js, 行15 字符 ...
- hadoop编译
说明: hadoop版本:hadoop-2.5.0-cdh5.3.6 环境:centos6.4 必须可联网 hadoop 下载网址: http://archive.cloudera.com/cdh5/ ...
- C/C++面试之算法系列--去除数组中的重复数字
去除数组中的重复数字 Sailor_forever sailing_9806@163.com 转载请注明 http://blog.csdn.net/sailor_8318/archive/2008/ ...
- 学习接水系统(java+thread线程)
(一)项目框架分析 对于学生并发接水项目,根据面向对象的思想,需要创建两个对象,即学生和水龙头. 接下来主要讲解不排队接水和排队接水两张情况. 项目的目录文件如下: (二)不排队接水 假设有四个学生小 ...
- ajax 做登录 实现页面免刷新
结合之前学的知识,可以用ajax来传递数据,实现页面不用刷新,仅数据刷新,来看一下ajax是怎么来实现页面免刷新的 方的是客户端,圆的是服务器 如果没有ajax的话,客户端直接把数据传给服务器,服务器 ...
- 使用multer搭建一个图片接收服务器
为了测试图片上传插件的上传功能是否好用,最近尝试搭建了一个接收图片的服务器,因为图片上传的编码格式是form-data,所以我选择使用express+multer,实现过程中发现有几个需要注意的地方, ...
- Memcached【第一篇】安装
第一步:准备 1. 安装包 memcached-1.4.35.tar.gz 2. 安装 libevent 1)简介 Libevent 是一个异步事件处理软件函式库,以 BSD 许可证释出.Memcac ...
- 使用js在网页上记录鼠标划圈的小程序
Spin-Wheel 实现鼠标在网页上转圈时记录转动圈数的小程序,每转一圈记录一次,同时要是顺时针方向的. 问题分析与实现 这个小程序的难点在于如何知道鼠标完成了一个转圈的动作,而且人工使用鼠标划圈时 ...