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

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

为防止非法数据进入系统，我们需要在客户端进行编程，对输入的数据进行验证，只有输入的数据通过相关验证后才允许进入后台，在客户端的验证通常采用javascript实现，由浏览器解释执行，不同的浏览对于一些特殊的javascript解释执行的结果也会有一些区别，本节咱们通过一些实例来展示js表单验证实例。

打开一个Dreamweaver，并创建新项目下选择创建一个新HTML文档；

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

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

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

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

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

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