您的位置：360文档中心› 实验报告JavaScript验证表单

实验报告JavaScript验证表单

实验报告JavaScript验证表单
实验报告JavaScript验证表单

JavaScript验证表单实验

一、实验目的

1、掌握使用JavaScript验证表单的方法

二、实验环境

Dreamweaver

三、注意事项

1、JavaScript不容易调试，在写代码时需格外注意

2、JavaScript区分大小写

四、实验内容及步骤

1、演示使用JavaScript制作的客户端验证的网页

2、修改表单

建立如下表单

把注册帐号、帐号密码、确认密码对应的文本框名称分别改为：zczh、zhmm1、zhmm2。

3、编写事件驱动代码

在提交按钮的代码中加入事件驱动代码：

onclick="return check()"

4、编写check函数

在中插入客户端验证代码，主要保证

（1）、“注册帐号”、“帐号密码”、“确认密码”非空；

（2）、“帐号密码”和“确认密码”一致；

（3）、“帐号密码”位数为6-20位

代码如下：

五、实验结果提交与成绩评定

1、提交用客户端验证的表单页面

六、教学后记

表单客户端验证可以减轻服务器负担，使得客户端反应更快。

js表单验证代码全集

js表单验证代码全集 2008年06月25日星期三下午 03:23 1:js 字符串长度限制、判断字符长度、js限制输入、限制不能输入、textarea 长度限制 2.:js判断汉字、判断是否汉字、只能输入汉字 3:js判断是否输入英文、只能输入英文 4:js只能输入数字,判断数字、验证数字、检测数字、判断是否为数字、只能输入数字 5:只能输入英文字符和数字 6: js email验证、js 判断email 、信箱/邮箱格式验证 7:js字符过滤,屏蔽关键字 8:js密码验证、判断密码 2.1: js 不为空、为空或不是对象、判断为空、判断不为空 2.2:比较两个表单项的值是否相同 2.3:表单只能为数字和"_", 2.4:表单项输入数值/长度限定 2.5:中文/英文/数字/邮件地址合法性判断 2.6:限定表单项不能输入的字符 2.7表单的自符控制 2.8:form文本域的通用校验函数 2.9：js验证手机号,含158,159段的 1. 长度限制

2. 只能是汉字 3." 只能是英文

你最喜欢的水果是？

  • 苹果
  • 橘子
  • 菠萝
var $li=$("ul li:eq(1)"); var li_txt=$li.text(); alert(li_txt);

var $para=$("p"); var p_txt=$para.attr("title"); alert(p_txt); var $li_1=$("

  • 香蕉
    • "); var $li_2=$("
  • 雪梨
    • "); $("ul").append($li_1); $("ul").append($li_2);

    正则表达式写的form表单验证

    希望能帮助更多的人，可以加我qq交流504781715 formzzbds.html 练习2：定义一个JavaScript函数calculator()，用于实现简单的计算器。在输入算式之后，单击计算，在该文本框中显示计算结果。 操作步骤如下： （1）在页面中添加用于输入要计算的算式的表单及表单元素。具体代码如下：

    输入要计算的算式：
    （2）编写自定义的JavaScript函数calculator()，用于实现计算器的功能，函数的具体代码如下：(计算器里要考虑异常处理，还要考虑如何把结果放在文本框中(赋值)) 练习:3：在文本框中输入一行字符串，然后分别运用三种编码和解码函数进行编码解码，并显示效果。 操作步骤如下： （1）在页面中添加用于输入一个字符串的表单及表单元素。具体代码如下：
    请输入字符串：

    请选择编码解码类型：

    ：

    js表单验证代码大全

    关键字:js验证表单大全,用JS控制表单提交 ,javascript提交表单: 目录: 1:js 字符串长度限制、判断字符长度、js限制输入、限制不能输入、textarea 长度限制 2.:js判断汉字、判断是否汉字、只能输入汉字 3:js判断是否输入英文、只能输入英文 4:js只能输入数字,判断数字、验证数字、检测数字、判断是否为数字、只能输入数字 5:只能输入英文字符和数字 6: js email验证、js 判断email 、信箱/邮箱格式验证 7:js字符过滤,屏蔽关键字 8:js密码验证、判断密码 2.1: js 不为空、为空或不是对象、判断为空、判断不为空 2.2:比较两个表单项的值是否相同 2.3:表单只能为数字和"_", 2.4:表单项输入数值/长度限定 2.5:中文/英文/数字/邮件地址合法性判断 2.6:限定表单项不能输入的字符 2.7表单的自符控制 2.8:form文本域的通用校验函数 1. 长度限制

    2. 只能是汉字 3." 只能是英文 2降序排列 数组数字大小排序

    降序排列： 这里写个数组var array=[59,689,62,92,68,10]; 降序输出 ②字符串的交叉合并练习

    Web表单验证实例

    Web表单验证实例 学习交流，非诚勿扰：1244399731一、实验要求： 创建一个页面，命名为“表单验证.html”。在页面上创建一个表单，命名为“regform”，其中包含元素为：文本框（username，获取用户名）、文本框（password，密码）、文本框（passwordcheck，对密码进行确认）、单选按钮（radiosex）选择性别、兴趣爱好（hobbycheckbox，至少可选择5项爱好）、下拉列表（homedownselect，用于选择籍贯）、文本域（briefarea，用于获得用户简介）、提交按钮（formsubmit）、重置按钮（formreset）。 当提交表单时，对表单中的信息进行验证并给出提示，要求如下：（1）要求验证上面的所有元素的值必须不为空，即用户必须填写相关内容。 （2）用户名、密码必须是6-20位。 （3）要求password与passwordcheck必须相同。 （4）在表达允许提交的情况下，完成下面动作：打开一个新窗口wid，将上述验证后的表单信息在wid中显示出来。 二、源代码：

    用户注册