Validform

在Vue.js中使用select选择下拉框有两种方法： 第一种： Add.html: < select v-model= " sysNotice.noticeType " id= " noticeType " class = " form-control " > <option disabled value= "" selected>请选择</option> <option v- for = " item in itemList " v-bind:value= " item.macroId " > {{ item.name }} </option> </ select > Add.js: var vm = new Vue({ el: ' #dpLTE ' , data: { itemList:[], // define select control list sysNotice: { noticeId: 0 , status: 0 , noticeType: '' // 默认未空,则选择框会自动默认为请选择 } }, methods : { getNoticeTypeList: function() { $.getJSON( ' ../../sys/macro/value?value=noticetype ' , null , function(data){ vm.itemList

JEECG 表单校验新提示风格使用讲解&升级方法 （validform 新风格漂亮，布局简单) JEECG 表单校验采用的是validform，默认的校验提示需要占用页面布局，提示效果较传统。jeecg这个自定义的校验提示风格，不占用页面布局，提示效果也更美观，简单易用，让表单看起来更漂亮！！！此文章绝对福利贴。。。 一、【初体验】JEECG validform 新版校验提示风格如图： 二、【快速使用】表单校验新版提示如何使用呢？ 场景一： 如果你的jeecg已经升级到最新版 3.7.8+，那你可以很简单的使用新版提示风格 【使用方法】 JEECG 3.7.8及以上版本使用方法： t:formvalid标签设置 tiptype="6" <t:formvalid formid="formobj2" tiptype="6" > 场景二： 如果你的jeecg未升级到最新版 3.7.8+，那你采用以下方法进行手工升级... 方式一：【UI标签用法】JEECG 3.7.7及以下版本formvalid标签升级方法如下： 【1】、增加提示框样式文件（/src/main/webapp/plug-in/Validform/css/tiptype.css） /* * css: 表单校验提示 * ----------*/ .poptip{z-index:1000;position: absolute

官方网址： validform.rjboy.cn Validform：一行代码搞定整站的表单验证！ 1 $ ( ".demoform" ) . Validform ( ) ; 为什么能如此方便？插件的核心思想就是把所有的验证条件及验证提示信息绑定到每个表单元素，让验证代码在执行时只是核对表单下各元素的值是否跟绑定的验证条件相符，这样你可以随便添加或者去掉任一表单元素而不必修改验证代码，从而使仅用一行代码去完成整站的表单验证的梦想成为现实！ 功能简介： 囊括11种常见的格式验证形式，如果这些类型还不够，可以方便的传入自定义datype【可以是正则或函数】，实现几乎任何您需要的验证形式。 任何你想要的信息提示效果。tiptype可以传入1、2或函数，传入函数几乎可以实现任何你想要的提示效果，如元素右侧出现提示信息、弹出信息框等。另外还附加了$.Showmsg()、$.Hidemsg()全局弹出/关闭信息框方法以便整站有一个统一的信息提示效果【只要引入了该js文件就能调用这两个全局方法】； 当前版本外调插件可以实现文件上传检测、密码强度检测和日期控件效果； 支持ajax提交表单数据，也支持ajax实时反馈验证结果（如常见的用户注册表单下的用户名检测）； 支持开启网速慢时的二次提交防御（有时连续的点击提交表单按钮会产生多次的表单提交结果）； 指定表单下任一元素在单击时触发表单提交事件；