[发明专利]一种基于JavaScript的Form表单的事件扩展方法

说明书

本发明公开了一种基于Javascript的Form表单的事件扩展方法，本发明通过确定Form表单的事件类型，注册在html上，再通过定义一个绑定Form表单事件的基础对象A，然后再定义一个封装Form表单事件的方法B，该方法B基于基础对象A实例化为一个变量，以便在封装表单的方法中，根据事件流触发基础对象A中注册的change事件用来动态改变表单值，最后在js文件调用时，根据方法B实例化调用对象C，并传类型。此时完成了Form表单事件的注册、定义，在一个Form表单事件中，在提交表单与后台实现交互前，应用Form表单事件，能提高交互效率，不必等后台返回错误信息后再提示用户修改输入，同时可根据后台传回的数据，改变页面效果。

技术领域

本发明涉及计算机技术领域，具体的说，是一种基于Javascript的Form表单的事件扩展方法。

背景技术

表单在网页中主要负责数据采集功能。一个表单有三个基本组成部分：

1、表单标签：这里面包含了处理表单数据所用CGI程序的URL以及数据提交到服务器的方法；

功能：用于申明表单，定义采集数据的范围，也就是<Form>和</Form>里面包含的数据将被提交到服务器或者电子邮件里。

2、表单域：包含了文本框、密码框、隐藏域、多行文本框、复选框、单选框、下拉选择框和文件上传框等，其中：

文本框是一种让访问者自己输入内容的表单对象，通常被用来填写单个字或者简短的回答，如姓名、地址等；

多行文本框也是一种让访问者自己输入内容的表单对象，只不过能让访问者填写较长的内容；

密码框是一种特殊的文本域，用于输入密码。当访问者输入文字时，文字会被星号或其它符号代替，而输入的文字会被隐藏；

隐藏域是用来收集或发送信息的不可见元素，对于网页的访问者来说，隐藏域是看不见的。当表单被提交时，隐藏域就会将信息用你设置时定义的名称和值发送到服务器上；

复选框允许在待选项中选中一项以上的选项。每个复选框都是一个独立的元素，都必须有一个唯一的名称；

单选框用于需要访问者在单选项中选择唯一的答案时；

文件上传框用于用户需要上传自己的文件的时候，文件上传框看上去和其它文本域差不多，只是它还包含了一个浏览按钮。访问者可以通过输入需要上传的文件的路径或者点击浏览按钮选择需要上传的文件；注意：在使用文件域以前，请先确定你的服务器是否允许匿名上传文件。表单标签中必须设置ENCTYPE=multipart/Form-data来确保文件被正确编码。另外，表单的传送方式必须设置成POST；

下拉选择框允许你在一个有限的空间设置多种选项。

3、表单按钮：包括提交按钮、复位按钮和一般按钮；用于将数据传送到服务器上的CGI脚本或者取消输入，还可以用表单按钮来控制其他定义了处理脚本的处理工作。

在系统应用中，经常会有一大堆由用户填写的Form表单元素组成的页面，通常Web页面的Form表单元素有input，select，textarea，checkbox等。要根据条件动态改变这些Form表单元素的样式、值，注册事件、触发事件时，往往操作繁复，会导致开发者做很多同样的操作，且代码质量不高。

发明内容

本发明的目的在于提供一种一种基于Javascript的Form表单的事件扩展方法，实现封装的表单事件处理方法、调用封装的方法、循环获得参数，增加其他额外样式、注册额外事件等的功能，具有减少开发者的工作量，提高了工作效率的效果。

本发明通过下述技术方案实现：