javascript入门·表单与表单元素总结（表单验证）

作者：手机用户2502853201 | 来源：互联网 | 2023-10-15 18:44

表单提交前的最后验证：通常在表单提交前，我们必须确认用户是否都把必须填选的做了，如果没有，就不能被提交到服务器，这里我们用到表单的formname.submit()看演示，其实这个对于我们修炼道

表单提交前的最后验证：通常在表单提交前，我们必须确认用户是否都把必须填/选的做了，如果没有，就不能被提交到服务器，这里我们用到表单的 formname.submit() 看演示，其实这个对于我们修炼道教（错了，是.net）的人来说，有点多余，呵呵，毕竟微软的vs2003-2005都有非常棒棒棒的验证控件，如果有特别需要，自定义的验证也很不错哦，呵呵！！

演示一：这个也算对表单以及表单元素的一个综合演示了

用户名：
所在地区：
改变当前网页背景色	红黄绿

@LANGUAGE="Javascript" CODEPAGE="936" %>

DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" >

< html xmlns ="http://www.w3.org/1999/xhtml" >

< head >

< meta http-equiv ="Content-Type" content ="text/html; charset=gb2312" />

< title > 表单与表单元素总结（表单验证） title >

< script language ="Javascript" >

function yanzhen(form)

{//这里主要是验证看表单是否真要提交

var d=form.dx.options.selectedIndex;//得到二级地区被选择的索引

if(form.txt.value!="")

{//如果txt文本框不等于空

if(form.dx.options[d].value!=0)

{//如果二级地区值不为0

return true;//那么表单可以提交

}

return false;

}

function xiao(x)

{

//这个函数是地区菜单的代码，关于联动菜单的

//详细解释在http://www.cnblogs.com/thcjp/archive/2006/08/10/473054.html

var formm=document.form1;

var dalength=formm.da.options.length;

var group=new Array(dalength);

for(i=0;i<dalength;i++)

group[i]=new Array();

group[0][0]=new Option("请选择省","0")

group[1][0]=new Option("绵阳","绵阳")

group[1][1]=new Option("成都","成都")

group[1][2]=new Option("南充","南充")

group[2][0]=new Option("北京","北京")

group[3][0]=new Option("上海","上海")

var dx=formm.dx;

for(l=dx.options.length-1;l>0;l--)

{

dx.options[l]=null;

}

for(j=0;j<group[x].length;j++)

{

dx.options[j]=new Option(group[x][j].text,group[x][j].value)

}

dx.options[0].selected=true

}

function bgc(color)

{//从下面单选按钮传递的值来看，他已经把我们要的东西直接打包拿来了

document.bgColor=color//直接把背景赋值即可

}

script >

head >

< body >

< p > 表单提交前的最后验证：通常在表单提交前，我们必须确认用户是否都把必须填/选的做了，如果没有，就不能被提交到服务器，这里我们用到表单的 formname.submit() 看演示，其实这个对于我们修炼道教（错了，是.net）的人来说，有点多余，呵呵，毕竟微软的vs2003-2005都有非常棒棒棒的验证控件，如果有特别需要，自定义的验证也很不错哦，呵呵！！ p >

< p >< strong > 演示一：这个也算对表单以及表单元素的一个综合演示了 strong > p >

< form id ="form1" name ="form1" method ="get" onsubmit ="return yanzhen(this)" action ="http://thcjp.cnblogs.com" >

< table width ="600" border ="0" cellspacing ="0" cellpadding ="5" >

< tr >

< td width ="163" > 用户名： td >

< td width ="417" >< input name ="txt" type ="text" id ="txt" /> td >

tr >

< tr >

< td > 所在地区： td >

< td >< select name ="da" id ="da" onchange ="xiao(options.selectedIndex)" >

< option value ="0" > 请选择 option >

< option value ="1" > 四川 option >

< option value ="2" > 北京 option >

< option value ="3" > 上海 option >

select >

< select name ="dx" id ="dx" >

< option value ="0" > 请选择省 option >

select > td >

tr >

< tr >

< td > 改变当前网页背景色 td >

< td > 红

< input type ="radio" name ="se" value ="red" onchange ="bgc(this.value)" />

黄

< input type ="radio" name ="se" value ="yellow" onchange ="bgc(this.value)" />

绿

< input type ="radio" name ="se" value ="green" onchange ="bgc(this.value)" /> td >

tr >

< tr >

< td colspan ="2" align ="center" >< input type ="submit" value ="提交" /> td >

tr >

table >

form >

< p > p >

body >

html >

推荐阅读

char
VB.NET在线急等问题解决方法，如何统计数据库字段下的数据并显示在文本框里？

本文介绍了一个在线急等问题解决方法，即如何统计数据库中某个字段下的所有数据，并将结果显示在文本框里。作者提到了自己是一个菜鸟，希望能够得到帮助。作者使用的是ACCESS数据库，并且给出了一个例子，希望得到的结果是560。作者还提到自己已经尝试了使用"select sum(字段2) from 表名"的语句，得到的结果是650，但不知道如何得到560。希望能够得到解决方案。 ... [详细]

蜡笔小新 2023-12-13 15:15:30
char
CF：3D City Model（小思维）问题解析和代码实现

本文通过解析CF：3D City Model问题，介绍了问题的背景和要求，并给出了相应的代码实现。该问题涉及到在一个矩形的网格上建造城市的情景，每个网格单元可以作为建筑的基础，建筑由多个立方体叠加而成。文章详细讲解了问题的解决思路，并给出了相应的代码实现供读者参考。 ... [详细]

蜡笔小新 2023-12-13 14:17:11
javascript
JAVASCRIPT实现的WEB页面跳转以及页面间传值方法

但有时候，需要当某事件触发时，我们先做一些操作，然后再跳转，这时，就要用JAVASCRIPT来实现这一跳转功能。下面是具体的做法：一：跳转到新页面，并且是在新窗口中打开时:复制代码代码如下:fu ... [详细]

蜡笔小新 2023-10-13 12:25:13
javascript
CSS3选择器的使用方法详解，提高Web开发效率和精准度

本文详细介绍了CSS3新增的选择器方法，包括属性选择器的使用。通过CSS3选择器，可以提高Web开发的效率和精准度，使得查找元素更加方便和快捷。同时，本文还对属性选择器的各种用法进行了详细解释，并给出了相应的代码示例。通过学习本文，读者可以更好地掌握CSS3选择器的使用方法，提升自己的Web开发能力。 ... [详细]

蜡笔小新 2023-12-14 14:37:52
post
南邮ctf-web的writeup

本文介绍了南邮ctf-web的writeup，包括签到题和md5 collision。在CTF比赛和渗透测试中，可以通过查看源代码、代码注释、页面隐藏元素、超链接和HTTP响应头部来寻找flag或提示信息。利用PHP弱类型，可以发现md5('QNKCDZO')='0e830400451993494058024219903391'和md5('240610708')='0e462097431906509019562988736854'。 ... [详细]

蜡笔小新 2023-12-13 10:58:55
filter
关于Linq to sql 实现模糊查询 string数组

前景：当UI一个查询条件为多项选择，或录入多个条件的时候，比如查询所有名称里面包含以下动态条件，需要模糊查询里面每一项时比如是这样一个数组条件：newstring[]{兴业银行, ... [详细]

蜡笔小新 2023-12-13 09:34:59
filter
深入理解CSS中的margin属性及其应用场景

本文主要介绍了CSS中的margin属性及其应用场景，包括垂直外边距合并、padding的使用时机、行内替换元素与费替换元素的区别、margin的基线、盒子的物理大小、显示大小、逻辑大小等知识点。通过深入理解这些概念，读者可以更好地掌握margin的用法和原理。同时，文中提供了一些相关的文档和规范供读者参考。 ... [详细]

蜡笔小新 2023-12-12 18:01:10
filter
MySQL显示SQL语句执行时间的实例详解

本文详细介绍了如何使用MySQL来显示SQL语句的执行时间，并通过MySQL Query Profiler获取CPU和内存使用量以及系统锁和表锁的时间。同时介绍了效能分析的三种方法：瓶颈分析、工作负载分析和基于比率的分析。 ... [详细]

蜡笔小新 2023-12-12 16:16:42
main
单击时动态创建
元素 - Dynamically create
element on click

Ihavethefollowingonhtml我在html上有以下内容<html><head><scriptsrc..3003_Tes ... [详细]

蜡笔小新 2023-12-12 15:59:36
uml
【shell】网络处理：判断IP是否在网段、两个ip是否同网段、IP地址范围、网段包含关系

本文介绍了使用shell脚本判断IP是否在同一网段、判断IP地址是否在某个范围内、计算IP地址范围、判断网段之间的包含关系的方法和原理。通过对IP和掩码进行与计算，可以判断两个IP是否在同一网段。同时，还提供了一段用于验证IP地址的正则表达式和判断特殊IP地址的方法。 ... [详细]

蜡笔小新 2023-12-12 11:19:14
post
PDO MySQL

PDOMySQL如果文章有成千上万篇，该怎样保存？数据保存有多种方式，比如单机文件、单机数据库（SQLite）、网络数据库（MySQL、MariaDB）等等。根据项目来选择，做We ... [详细]

蜡笔小新 2023-12-12 10:25:39
javascript
常用的CSS属性及用法整理

本文整理了常用的CSS属性及用法，包括背景属性、边框属性、尺寸属性、可伸缩框属性、字体属性和文本属性等，方便开发者查阅和使用。 ... [详细]

蜡笔小新 2023-12-09 03:01:43
javascript
Angular - 循环遍历子指令中的表单元素 - Angular - loop over form elements that are in a child directive

Ihaveaforminadirectivetemplate:我在指令模板中有一个表单:<formn ... [详细]

蜡笔小新 2023-10-17 12:22:38
javascript
简单的ajax与struts2实例

前言对于从事技术的人员来说ajax是这好东西，都会使用，而且乐于使用。但对于新手，开发一个ajax实例，还有是难度的，必竟对于他们这是新东西。leo开发一个简单的ajax实例,用的是 ... [详细]

蜡笔小新 2023-10-16 17:08:23
javascript
用JavaScript实现的太空人手表

用JavaScript实现的太空人手表-JS写的太空人手表，没有用canvas、svg。主要用几个大的函数来动态显示时间、天气这些。天气的获取用到了AJAX请求。代码中有详细的注释 ... [详细]

蜡笔小新 2023-10-13 17:21:38

手机用户2502853201

这个家伙很懒，什么也没留下！

Tags | 热门标签

RankList | 热门文章