UI标签库专题三 JEECG智能开发平台 FormValidation 表单提交及验证标签

Posted skiwndhw

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了UI标签库专题三 JEECG智能开发平台 FormValidation 表单提交及验证标签相关的知识,希望对你有一定的参考价值。

1. FormValidation(表单提交及验证标签)

1.1.  参数

属性名

类型

描述

是否必须

默认值

action

string

表单提交路径

null

formid

string

表单唯一标示

formobj

refresh

boolean

dialogtrue时是否刷新父页面

true

callback

string

表单提交完成后的回调函数

null

beforeSubmit

string

表单提交前的处理函数

null

btnsub

string

触发表单提交事件的按钮ID

btn_sub

btnreset

string

触发表单重置事件的按钮ID

btn_reset

layout

string

表单布局方式(divtable可选)

div

usePlugin

string

表单外调插件名称(可选插件,jqtransform:表单美化)

null

dialog

boolean

是否是弹出窗口模式

true

tabtitle

string

表单布为div时多选项卡布局分组标题

null

tiptype

string

表单校验提示方式

4

1.2.  用法(div)

<t:formvalid formid="formobj" layout="div" dialog="true" action="roleController.do?saveRole">

 <fieldset class="step">

     <div class="form">

      <label class="Validform_label">字段标题:</label>

      <input name="roleName" class="inputxt" value="${role.roleName }" datatype="s2-8">

      <span class="Validform_checktip">字段说明</span>

     </div>

</fieldset>

</t:formvalid>

 

1.3.  表单校验提示方式(tiptype)

1

自定义弹出框提示;onblur的时候就会提示,当输入正确后,1秒中后会自动消失。

2

侧边提示(会在当前元素的父级的next对象的子级查找显示提示信息的对象,表单以ajax提交时会弹出自定义提示框显示表单提交状态)

3

侧边提示(会在当前元素的siblings对象中查找显示提示信息的对象,表单以ajax提交时会弹出自定义提示框显示表单提交状态)

4

侧边提示(会在当前元素的父级的next对象下查找显示提示信息的对象,表单以ajax提交时不显示表单的提交状态)

 

1.4. 用法(table)

<t:formvalid formid="formobj" layout="table" dialog="true" action="roleController.do?save">

 <tr>

     <td align="right" width="10%" nowrap>

      <label class="Validform_label">

       字段标题:

      </label>

     </td>

     <td class="value" width="10%">

      <input id="realName" class="inputxt" name="realName" value="${user.realName }" datatype="s2-10">

      <span class="Validform_checktip">字段说明</span>

     </td>

</tr>

</t:formvalid>

再分享一下我老师大神的人工智能教程吧。零基础!通俗易懂!风趣幽默!还带黄段子!希望你也加入到我们人工智能的队伍中来!https://blog.csdn.net/jiangjunshow

以上是关于UI标签库专题三 JEECG智能开发平台 FormValidation 表单提交及验证标签的主要内容,如果未能解决你的问题,请参考以下文章

UI标签库专题二:JEECG智能开发平台Column(列) 子标签

UI标签库专题十二:JEECG智能开发平台 ckeditor(ckeditor插件标签)

UI标签库专题十一 JEECG智能开发平台 DictSelect 数据字典下拉选择框

开发指南专题二:JEECG微云高速开发平台JEECG框架初探

开发指南专题五:JEECG微云高速开发平台代码生成器

开发指南专题九 JEECG微云快速开发平台-表单校验组件ValidForm