JavaScript表单生成器

本文介绍了JavaScript对象FormGen,它是一个用于创建和管理HTML表单的工具。FormGen支持多种控件类型,包括文本字段、组合框、单选按钮等,并允许通过CSS自定义样式。此外,还讨论了数据验证、事件处理和如何在表单提交时调用函数或利用Ajax功能。
摘要由CSDN通过智能技术生成

在本文中,您将学习用于创建和管理Forms的JavaScript对象FormGen。
在这里插入图片描述
介绍
本文是关于FormGen用于创建和管理表单[1]的JavaScript对象();FormGen从创建简单的消息框到具有文本字段,组合框,单选按钮等的相对复杂的窗体,[2]足够通用化以创建各种窗体。此外,它只是包装的非正式且非详尽的介绍。

使用程序
表单生成器位于formgen.js脚本中,该脚本包含对象函数formGen;可以调用此函数或将其用于创建新对象:

formGen(idContainer[,control_list])
fGenObject = new formGen(idContainer[,control_list])

idContainer用于托管生成的表单的HTML标签的ID在哪里,是control_list用于管理表单的控件列表以及可能的其他信息(伪控件);如果省略此参数,则formGen假定列表位于标签容器中。

每一个控制描述的特征在于属性列表逗号分隔:Type,场Name,场Label,Length和Extra:

Type 是控件类型,与情况无关。
Name是控件名称,大小写有意义(通常成为控件的name和id)。
Label 是控件的标签。
Length 是控件的长度。
Extra 是用于向控件添加信息的附加字段(取决于类型)。
每个描述都用分号分隔。

在这些控件中,有不同类型的文本控件,列表,按钮,滑块,单选按钮和复选框。该列表还可以包含一些伪控件(语义稍有不同):

Form告诉如何提交时管理的形式,它的语法是:Form,name,caption,uri,function,
Defaults 用于在控件上插入值;
Control 在提交表格之前对字段进行一些检查;
Below并After从默认位置移动的按钮,在该形式的底部,低于或后(右)的控制的;
Get 用于获取数据,对于填充表单或更新列表很有用。
formGen插入件3个标准按钮按钮:Ok,Reset和Cancel,根据在形式的控件,例如,如果仅存在一个组合或单选按钮组,没有按钮是礼物因为关于项目的选择退出形式的尝试:

Form,frm,,echo.php;
CMB,Unit,Measure Unit,,,|=Linear,mm=millimeter,cm=centimeter,m=meter,
km=kilometer,|=Weight,g=gram,kg=kilogram,t=ton;

但是,我们可以把自定义按钮或更改标题或使用图形按钮取代了标准按钮(其名称分别为fg_Ok,

fg_Cancel和fg_Reset)(试)。
...
function infoPSW(frm) {
   
	alert("Password from 6 to 12 characters.\nand at least one number and 
           one capital letter and one letter")
}
formGen('fg');
...
<div id=fg>
P,psw,Password,15,Insert password;
B,Info,?,25,infoPSW;
B,fg_Cancel,&#x2718
  • 1
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值