jquery miniui java_jQuery MiniUI 快速入门：表单开发（四）

表单开发包括：布局、验证、加载、提交、清除、重置等。

效果图如下：

表单布局使用HTML Table标签实现任意丰富的表单布局：

姓名：

地址：

性别：

年龄：

备注：

数据验证监听处理控件的"validation"事件，自定义验证规则和错误描述信息：

onvalidation="onUserNameValidation"class="mini-textbox"required="true" />functiononUserNameValidation(e) {

if(e.isValid) {

if(isEmail(e.value) == false) {

e.errorText = "必须输入邮件地址";

e.isValid = false;

}

使用mini.Form组件对多个控件进行验证：

varform = newmini.Form("#form1");

form.validate();

加载表单

$.ajax({url:"../data/FormService.aspx?method=LoadData",type:"post",success:function(text) {vardata = mini.decode(text);//反序列化成对象form.setData(data);//设置多个控件数据}});

提交表单

//提交表单数据varform = newmini.Form("#form1");

vardata = form.getData(); //获取表单多个控件的数据varjson = mini.encode(data); //序列化成JSON$.ajax({

url: "../data/FormService.aspx?method=SaveData",

type: "post",

data: { submitData: json },

success: function(text) {

alert("提交成功，返回结果:"+ text);

}

});

清除表单 form.clear();

重置表单form.reset();

参考示例：

jquery miniui java_jQuery MiniUI 快速入门：表单开发（四）相关推荐

jquery mobile java_jQuery Mobile 快速入门
jQuery Mobile是jQuery 在手机上和平板设备上的版本.jQuery Mobile 不仅会给主流移动平台带来jQuery核心库,而且会发布一个完整统一的jQuery移动UI框架.支持全球 ...
强大的移动端表单开发方案 @alitajs/dform(附视频)
强大的移动端表单开发方案 @alitajs/dform 强大的移动端表单开发方案 @alitajs/dform 一.开发设想二.基础使用三.提效点 1.`picker` 组件: 2.一行代码配置样 ...
表单开发工具都有哪些吸引人的特点？
在互联网技术和信息化迅猛发展的今天,传统的表单制作方式已经不能满足企业的发展需求,为了提升办公自动化发展效率,越来越多的企业倾向于使用专业的表单开发工具,提质增效的同时,也能给企业的数字化管理带来更大 ...
基于React的表单开发的分析(上)
本文主要讲解后台系统与表单相关的页面开发,并分析如何才能更好地.高效地开发. 技术栈 React Antd 背景 Antd 以下我都将Ant Design 简称为 Antd Ant Design是个服 ...
电力系统优化调度方向研究生必备matlab-yalmip代码！！祝您快速入门，早日发paper！
电力系统优化调度方向研究生必备matlab-yalmip代码!!祝您快速入门,早日发paper! 包含需求响应/两阶段鲁棒优化/微电网经济调度/综合能源系统/低碳调度/碳交易/需求响应/电动汽车/多时 ...
sklearn快速入门教程：（四）模型自动调参
上个教程中我们已经看到在sklearn中调用机器学习模型其实非常简单.但要获得较好的预测效果则需要选取合适的超参数.在实际的项目中其实也有不少参数是由工程师借助其经验手动调整的,但在许多场景下这种方式 ...
jquery miniui java_jQuery MiniUI
MINIUI是一款国产的JS前端web框架,以快捷开发为目的的共享软件.对个人用户免费,对企业用户授权收费.该软件以美观精致的界面和快速的页面响应速度获得用户的好评.是国内知名的前端框架之一,可供.N ...
jQuery UI 之 LigerUI 快速入门
LigerUI 快速开发UI框架 LigerUI 是基于jQuery 的UI框架,其核心设计目标是快速开发.使用简单.功能强大.轻量级.易扩展.简单而又强大,致力于快速打造Web前端界面解决方案,可以 ...
webstorm jquery语法提示_WebStorm快速入门指南，开发者必备！
第一节.Web前端现状 1.1市场缺口前端程序员缺口非常大,因为它正式成为一个岗位才几年,国内最早出现前端招聘岗位在2012年左右,在此之前,前端工作基本上都是由服务端工程师包办的,或者是由设计师来 ...

jquery miniui java_jQuery MiniUI 快速入门：表单开发（四）

jquery miniui java_jQuery MiniUI 快速入门：表单开发（四）相关推荐

最新文章

热门文章