官方文档: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. Java 文件句柄泄露问题解决小记

    维护 WebIDE 免不了要管理很多的文件, 自从我们线上系统增加了资源回收功能,便一直受一个问题困扰:后台线程解绑目录时偶尔报错,看症状因为是某些文件被占用了,目录不能解绑.但是由于系统中很多地方都 ...

  2. (一) 从Angular1到Angular2的杂谈

    使用了angular1一年下来,完成了若干项目,承蒙此框架的强大带来了不算差的项目编写体验,但1.*版本的angular,确实是有厉害的地方也有其尴尬的地方,包括较多数据的渲染的性能问题,还有就是可能 ...

  3. 表单界面的兼容PC手机端解决方案

    就当写一篇随笔吧~上星期还在做加盟模块(兼容微信端),这星期已经加班做快递扫码模块(react+node),所以我感觉只有弹药备足了才能稍微轻松些应对各种需求.实话说在同个部门的大佬面前差距确实大,如 ...

  4. 认识ionic2

    1. Ionic 2 介绍 Ionic 2专注于以标准的HTML.CSS和JavaScript来构建移动站点,并可以通过Cordova打包成移动 App,只需编写一次代码,就可以分别部署到iOS.An ...

  5. [翻译]现代java开发指南 第一部分

    现代java开发指南 第一部分 第一部分:Java已不是你父亲那一代的样子 第一部分,第二部分 =================== 与历史上任何其他的语言相比,这里要排除c语言和cobol语言,现 ...

  6. nodejs中异步

    nodejs中的异步 1 nodejs 中的异步存在吗? 现在有点 javascript 基础的人都在听说过 nodejs ,而只要与 javascript 打交到人都会用或者是将要使用 nodejs ...

  7. HTML5 File接口(在web页面上使用文件)

    File接口提供了与文件相关的信息,并且运行JavaScript在web页面上去访问文件中的内容. File对象来自于用户使用input标签选择文件返回的FileList对象,来自于拖放操作的Data ...

  8. 智能打印SDK---官方博客

    (开源准备:开源为百度云打包开源,GIT太慢,SVN没有免费的,TFS有免费的也慢的要命) 开源地址:http://pan.baidu.com/s/1miobLoO 电子商务越来越成熟,提供的服务越来 ...

  9. 点击Robot Framework的桌面快捷图标后,没有反应(没有打开应用程序)

    http://www.cnblogs.com/zhengyihan1216/p/6397478.html  这篇文章中介绍了如何安装Robot Framework以及如何在桌面上创建快捷方式. 但是有 ...

  10. SqlHelper帮助类_上(SQLServer数据库含Connection详解)

    在操作数据库时,经常会用到自己封装的SqlHelper.这里主要对SQLServer数据库的Sqlhelper,主要用于在同一个连接中完成CRUD! 一.ADO.NET中的Connection详解: ...