官方文档: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表单验证的更多相关文章

  1. 表单验证插件--formvalidation

    表单验证是一个非常基础的功能,当你的表单项少的时候,可以自己写验证,但是当你的表单有很多的时候,就需要一些验证的插件.今天介绍一款很好用的表单验证插件,formvalidation.其前身叫做boot ...

  2. jQuery表单验证以及将表单序列化为json对象小练习

    jquery表单验证(非实时验证),同时,将表单序列化为json对象提交表单. <!DOCTYPE html> <html lang="en"> <h ...

  3. angular学习笔记(二十)-表单验证

    本篇主要介绍angular中的表单验证: 表单验证主要有以下一些内容: 1. required指令: 相当于html5的required属性,验证不能为空 2. ng-maxlength属性: 验证内 ...

  4. JavaScript | 基础表单验证(纯Js)

    ———————————————————————————————————————————— 基础表单验证(纯js) - - - - - - - - - - - - - - - - - - - - - - ...

  5. Spring进行表单验证

    转自:https://www.tianmaying.com/tutorial/spring-form-validation 开发环境 IDE+Java环境(JDK 1.7或以上版本) Maven 3. ...

  6. 如何在Vue的项目里对element的表单验证进行封装

    介绍需求 熟悉并优化公司项目的第五天,领导说能不能把表单验证封装一下,我打开代码一看 由于是后台管理系统,无数个需要验证的输入框,由于截图长度受限,只能展示部分,类似于这种页面还有无数个!代码重复率非 ...

  7. jQuery学习之路(8)- 表单验证插件-Validation

    ▓▓▓▓▓▓ 大致介绍 jQuery Validate 插件为表单提供了强大的验证功能,让客户端表单验证变得更简单,同时提供了大量的定制选项,满足应用程序各种需求.该插件捆绑了一套有用的验证方法,包括 ...

  8. 玩转spring boot——AOP与表单验证

    AOP在大多数的情况下的应用场景是:日志和验证.至于AOP的理论知识我就不做赘述.而AOP的通知类型有好几种,今天的例子我只选一个有代表意义的“环绕通知”来演示. 一.AOP入门 修改“pom.xml ...

  9. form表单验证-Javascript

    Form表单验证: js基础考试内容,form表单验证,正则表达式,blur事件,自动获取数组,以及css布局样式,动态清除等.完整代码如下: <!DOCTYPE html PUBLIC &qu ...

随机推荐

  1. angular实现跨域

    angular.js 自带jsonp,实现跨域,下面来实搜索框的下拉列表,使用百度和360分别尝试一下 百度:url截取之后红色部分需替换 :https://sp0.baidu.com/5a1Fazu ...

  2. 在windows搭建react-native android 开发环境总结

    1.安装必须的软件 1.Python 2    注意勾选 Add python.exe to Path,选项,这样就可以在安装完成后,不用手动去添加环境变量    安装完,打开cmd.exe,输入py ...

  3. IOS缓存管理之PINCache使用

    前言: 今年重点在于公司iOS架构的梳理工作,上周整理了http请求接口管理与解耦,接下来准备整理一下项目中的缓存处理,目前项目中使用的是PINCache,去年加入这个开源框架时并没有对这个框架进行了 ...

  4. linux下php调试工具xdebug安装配置

    xdebug简介 Xdebug是php的一款调试工具,是基于zend的一个扩展,可以用来跟踪,调试和分析PHP程序的运行状况.如变量,函数调试,性能监测,代码覆盖率等 xdebug安装 1.下载xde ...

  5. Java中abstract和interface的区别

    abstract class和interface是Java语言中对于抽象类定义进行支持的两种机制,正是由于这两种机制的存在,才赋予了Java强大的面向对象能力. abstract class和inte ...

  6. Android系统--Binder系统具体框架分析(二)Binder驱动情景分析

    Android系统--Binder系统具体框架分析(二)Binder驱动情景分析 1. Binder驱动情景分析 1.1 进程间通信三要素 源 目的:handle表示"服务",即向 ...

  7. Memcached【第二篇】高可用集群搭建

    第一步:准备 1. 架构信息 利用 magent 搭建 memcached 集群,实现性能的高可用. IP Port 主从 192.168.6.129 11211 主节点 192.168.6.130 ...

  8. 《新手养成记》--第一篇 iOS手机号正则判断和获取验证码

    今天是开通一个新博客开启新的一年,同时也是对自己的过去做一个告别.介绍一下博主自己,资深iOS屌丝男,今天写这个博客就是刻意拉低逼格的,前两年写的博客为了装那什么,故意写的高大上,其实呵呵哒...年假 ...

  9. DOM基础(三)

    对于DOM来说,知识点其实并不多,要理解DOM并不难,难的是会用.可能有的人看见DOM获取元素要这么长一串单词就觉得生无可恋了.不过说实在的,如果你能理解他的意思跟用法.而且稍微再有点英语基础的话,D ...

  10. 浅谈Java的集合框架

    浅谈Java的集合框架 一.    初识集合 重所周知,Java有四大集合框架群,Set.List.Queue和Map.四种集合的关注点不同,Set 关注事物的唯一性,List 关注事物的索引列表,Q ...