html 表单有任何意义吗,html学习第十七天——JS：表单提交验证的几种方法，附代码...

1.表单递交检验的几种方法

一、submit按钮和onsubmit事件构建检验

用户名：

二、button按钮和onclick事件构建检验

用户名：

留意：普通按钮的onclick的返回值，会制止普通按钮的配置文件动作

function checkForm()

{

var flag; //局部变量

//先做到表单检验

If(document.form1.username.value==””)

{

flag = false;

}else

{

flag = true;

}

//辨别flag的值，如果为true，则递交表单

if(flag==true)

{

//如果为true，则递交表单，用于form对象的递交方法submit()

Window.alert(“表单检验通过”);

document.form1.submit();

}else

{

//如果为false，则插入一个提示信息

Window.alert(“表单检验告终”);

}

}

三、submit按钮和onclick事件构建检验

用户名：

2.复选框对象checkbox

checkbox对象的属性

name：复选框的名称

value：复选框的值

type：复选框的类型

form：复选框所在的表单对象。如：this.form

checked：复选框否顺位

留意：在表单中，多个name的值一样，将产生一个数组。

实例：全选和反选

//定义函数：当“全选”复选框被“顺位”时，所有的name=hobby都勾选

//如果“全选”复选框中止“顺位”时，所有的name=hobby都中止勾选

function select_all(obj)

{

//到时name=hobby的对象，包含的一个数组

var arr = document.form1.hobby;

//辨别“全选”的状态

if(obj.checked)

{

//迭代所有name=hobby对象的checked的值，并将其值划为true

for(var i=0;i

{

arr[i].checked = true;

}

}else

{

//迭代所有name=hobby对象的checked的值，并将其值划为false

for(var i=0;i

{

arr[i].checked = false;

}

}

}

//定义函数：顺位的项，变为中止；没顺位的项，被顺位

function select_no_all()

{

//先取得name=hobby的所有对象

var arr = document.form1.hobby; //checked

//迭代所有的hobby对象

for(var i=0;i

{

if(arr[i].checked)

{

arr[i].checked = false;

}else

{

arr[i].checked = true;

}

}

}

3.上载文件域file

对于上载的文件要做到两方面的辨别：文件的类型(扩展名)、文件的大小(PHP中再谈)。

//定义：对上载文件的扩展名展开辨别

function check_file_type(fileName)

{

//定义状态变量

var flag = false;

//定义一个图片扩展名的数组

var arr = ["jpg","jpeg","png","gif"]; //dedeCMS

//轻蔚自留地的今日头条.xls

//先寻找最后一个小点的方位

//萃取子字符串substr(startIndex)、substring(startIndex)

//放入上载文件的扩展名

var ext = fileName.substr(fileName.lastIndexOf(".")+1).toLowerCase();

//迭代图片数组，与到时的扩展名，展开比对，如果寻找，则回到true

for(var i=0;i

{

if(arr[i]==ext)

{

flag = true;

break;

}

}

//根据flag的值，弹头出有适当的提示信息

if(flag)

{

alert("文件可以上载");

}else

{

alert("文件类型不容许上载");

}

}

4.下拉菜单对象select和option对象

大专

大本

研究生

select对象的属性

options[]：所有的option包含的一个数组。

如：edu.options[0].value = “大专”

edu.options[0].text = “大专”;

selectedIndex：配置文件顺位的option对象的索引号(上标)

length：指一共有多少个option对象

name：select对象的名称

option对象的属性

value：指option对象的值

text：指之间的文本内容

以上就是我今天教给的表单递交的几种方法。跟大家一起交流。写出的不好，望大神多多指教。