js表单验证实例:[1]常用表单验证实例

您所在的位置:网站首页 js进行表单验证的目的是什么 js表单验证实例:[1]常用表单验证实例

js表单验证实例:[1]常用表单验证实例

#js表单验证实例:[1]常用表单验证实例| 来源: 网络整理| 查看: 265

1.打开一个Dreamweaver,并创建新项目下选择创建一个新HTML文档;

2.在新建的HTML文档中,建立一个输入文本框及一个提交按钮的表单,并将新建的HTML文档以JStest.html为文件保存在桌面上;

3.实现输入文本框字符长度的限制,本次我们设定输入文本框的字符长度最长为8个;在head标签间创建test()函数,然后在from中调用;

4.对输入文本框字符长度的限制可根据自己要求进行修改即可,只需要修改length后面的值以及alert中的值,用浏览器打开JStest.html文件,并输入一串字符进行测试;

5.验证输入的内容必须为英文字母,对键盘的键值进行判断,并使用onkeydown来调用验证程序;

6.依据同样的原理,来验证输入的内容必须为数字,可将二者混合实现验证输入的内容必须是字母和数字,在做数字验证时需要考虑小键盘的数字;

7.验证输入的内容是否为邮箱,主要是验证输入字符串中是否包含@、.及字符长度及位置。

END(共篇)下一篇:



【本文地址】


今日新闻


推荐新闻


CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3