直接上代码了:

html:
<Form ref="termForm" :model="currentData" :rules="ruleTerm" :label-width="80">
<Form-item label="学期名称" prop="termname">
<Input v-model="currentData.termname" placeholder="学期名称"></Input>
</Form-item>
<Form-item label="开学日期" prop="startday">
<Date-picker type="date" v-model="currentData.startday" placeholder="选择日期"></Date-picker>
</Form-item>
<Form-item label="总周数" prop="weeks">
<Input v-model="currentData.weeks"></Input>
</Form-item>
<Form-item prop="iscurrent">
<Checkbox v-model="currentData.iscurrent">当前学期</Checkbox>
</Form-item>
</Form> Js: ruleTerm: {
termname: [
{required: true, message: '学期名称不能为空', trigger: 'blur'},
{
validator(rule, value, callback, source, options) {
vuecom.checkName().then(() => {
callback();
}, rej => {
console.log('---->rej', rej)
callback(new Error(rej));
})
}
}
],
startday: [
{required: true, message: '开学日期不能为空', trigger: 'blur'},
{
validator(rule, value, callback, source, options) {
vuecom.checkDay().then(() => {
callback();
}, rej => {
callback(new Error(rej));
})
}
}
],
weeks: [
{required: true, message: '总周数不能为空', trigger: 'blur'},
{
validator(rule, value, callback, source, options) {
vuecom.checkDay().then(() => {
callback();
}, rej => {
callback(new Error(rej));
})
}
}
]
} checkDay(){
return new Promise((res, rej) => {
if (this.currentData.startday && this.currentData.weeks)
termService.checkTermDate({
startday: util.dateFormat(this.currentData.startday, "yyyy-MM-dd"),
weeks: this.currentData.weeks
}).then(data => {
if (data.id == '1')
res()
else
rej(data.operation)
})
else
res()
})
},
checkName(){
return new Promise((res, rej) => {
termService.checkTermName({termname: this.currentData.termname}).then(data => {
if (data.id == '1')
res()
else
rej(data.operation)
});
})
}, saveValidate(name){
this.$refs[name].validate((valid) => {
if (valid) {
this.saveData();
}
})
},

Iview同步异步验证的更多相关文章

  1. MVC验证09-使用MVC的Ajax.BeginForm方法实现异步验证

    原文:MVC验证09-使用MVC的Ajax.BeginForm方法实现异步验证 MVC中,关于往后台提交的方法有: 1.Html.BeginForm():同步 2.Ajax.BeginForm():异 ...

  2. MVC验证10-到底用哪种方式实现客户端服务端双重异步验证

    原文:MVC验证10-到底用哪种方式实现客户端服务端双重异步验证 本篇将通过一个案例来体验使用MVC的Ajax.BeginForm或jQuery来实现异步提交,并在客户端和服务端双双获得验证.希望能梳 ...

  3. struts2+ajax实现异步验证实现

    由于老师布置作业的需要,在添加管理员的时候,要实现验证添加的管理员的用户名是否在数据库中已经存在,然后再客户端给用户一个提示.我首先想到的就是利用ajax实现异步验证技术,由于利用的ssh框架,所以在 ...

  4. struts2+ajax实现异步验证

    由于老师布置作业的需要,在添加管理员的时候,要实现验证添加的管理员的用户名是否在数据库中已经存在,然后再客户端给用户一个提示.我首先想到的就是利用ajax实现异步验证技术,由于利用的ssh框架,所以在 ...

  5. {Python之进程} 背景知识 什么是进程 进程调度 并发与并行 同步\异步\阻塞\非阻塞 进程的创建与结束 multiprocess模块 进程池和mutiprocess.Poll

    Python之进程 进程 本节目录 一 背景知识 二 什么是进程 三 进程调度 四 并发与并行 五 同步\异步\阻塞\非阻塞 六 进程的创建与结束 七 multiprocess模块 八 进程池和mut ...

  6. 进程(并发,并行) join start 进程池 (同步异步)

    一.背景知识 顾名思义,进程即正在执行的一个过程.进程是对正在运行程序的一个抽象.进程的概念起源于操作系统,是操作系统最核心的概念,也是操作系统提供的最古老也是最重要的抽象概念之一.操作系统的其他所有 ...

  7. Silverlight实例教程 - Validation客户端同步数据验证(转载)

    摘要:在Silverlight 4中,Silverlight Validation有相对的改进,本篇将介绍Silverlight 4中新加入的验证机制功能,IDataErrorInfo客户端同步验证机 ...

  8. LoadRunner11脚本小技能之同步/异步接口分离+批量替换请求头

    最近在公司又进行了一次LoadRunner11性能测试,技能又get了一点,继续Mark起来!!! 一.异步/同步接口分离 之前在另一篇博文中有提到"事务拆分"的小节,即一个htm ...

  9. yii2 modal弹窗之ActiveForm ajax表单异步验证

    作者:白狼 出处:http://www.manks.top/yii2_modal_activeform_ajax.html 本文版权归作者,欢迎转载,但未经作者同意必须保留此段声明,且在文章页面明显位 ...

随机推荐

  1. POJ 2506 Tiling(递推+大整数加法)

    http://poj.org/problem?id=2506 题意: 思路:递推.a[i]=a[i-1]+2*a[i-2]. 计算的时候是大整数加法.错了好久,忘记考虑1了...晕倒. #includ ...

  2. easyui ---- jEasyUI-定制提示信息面板组件

    @{ ViewBag.Title = "Layouts"; Layout = "~/Views/Shared/Layouts.cshtml"; } <di ...

  3. tyvj 2075 [NOIP2012T5]借教室 区间更新+二分

    描述 在大学期间,经常需要租借教室.大到院系举办活动,小到学习小组自习讨论,都需要向学校申请借教室.教室的大小功能不同,借教室人的身份不同,借教室的手续也不一样.面对海量租借教室的信息,我们自然希望编 ...

  4. 关于express项目的创建与启动

    没有经常用,所以经常搞错, 创建express项目,需要新建一个文件夹名,这个文件名就是用来承载express的内容的, 好了.打开终端,cd至创建的文件夹之下. 也可以直接这样,如以下,admin为 ...

  5. [ios]object-c math.h里的数学计算公式介绍

    参考:http://blog.csdn.net/yuhuangc/article/details/7639117 头文件:<math.h> 1. 三角函数  double sin (dou ...

  6. URAL 1741 Communication Fiend

    URAL 1741 思路: dp 状态:dp[i][1]表示到第i个版本为正版的最少流量花费 dp[i][0]表示到第i个版本为盗版的最少流量花费 初始状态:dp[1][0]=dp[0][0]=0 目 ...

  7. putty xming gnome-session

    在windows里远程连接linux的最好方法. 比VNC方式好多了 1) xming启动一个窗口 2) putty 设置完X11 forwarding之后,远程登录 3) 在putty 里启动 gn ...

  8. php程序突然不能用file_get_contents()访问远程网址了?

    php程序用file_get_contents("http://www.***.com"),一直以来好好的,突然间就不能链接远程网址了,在shell下可以ping通远程网址,可是用 ...

  9. Linq 使用skip和take分页

    static int Main(string[] args) { //每页条数 const int pageSize = 2; //页码 0就是第一条数据 int pageNum = 0; strin ...

  10. 用Rails.5.2+ Vue.js做 vue-todolist app

    Rails5.2+Vue.js完成Lists(curd) 注意: Edit/update使用SPA(single-page Application单页面程序)的方法完成.点击文字出现一个输入框和按钮. ...