论文部分内容阅读
摘 要：表单是实现用户和网页界面之间人机交换信息的重要工具，无论是登陆账户界面还是用户注册账户界面，都通过表单操作来提取用户信息。JavaScript语言作为最重要的客户端脚本语言，能很方便快速的实现表单验证操作。本文结合实例详细介绍了如何利用JavaScript语言实现客户端的表单验证方法。
关键词：JavaScript；代码；表单验证
一、引言
随着web技术的广泛应用，无论是登陆账户界面还是用户注册账户，客户端界面都是通过表单来提取用户有效信息。表单已经成为传递信息提交数据的重要载体，扮演着十分重要的角色。这就引出了一些问题，提交的表单数据是否合法，如果数据不合法怎么办？作为最重要的客户端脚本语言，利用JavaScript语言编写程序段进行表单验证，是目前最通用的方法，在实际应用中具有较好的兼容性和跨越性，能够方便快捷的解决表单验证这些问题。
二、表单验证的必要性
在对表单提交的信息进行处理前，首先要对其进行合理性验证，避免信息无法更新或出现软件BUG，影响用户的正常使用。用户在填写表单信息时，可能在表单中输入不正确的数据，如输入字符串长度与账户要求的数据长度不一样；输入的数据类型与数据库中定义的字段类型不一致；在不允许输入空值的地方，不输入任何数据等。如果不进行表单验证，这些都会造成服务器端的信息无法更新或出现错误。进行表单验证能避免出现这些错误。
为了减轻服务器压力，表单验证应该在客户端页面中进行，提醒用户注意一些常见的错误和数据的合理性并给出相应的错误提示，而不必等待服务器的响应，从而减少服务器的处理任务和运行压力，同时也提高了用户的操作效率。
基于以上原因，我们有必要使用JavaScript在客户端对表单数据进行验证。
三、表单验证的内容
在开始编写表单验证代码之前，我们需要先分析一下表单验证的具体内容。其实，表单验证包括的内容非常多，如验证用户名、密码是否正确，验证日期格式是否正确，验证电话号码和E-mail地址是否有效、验证验证码是否匹配等，验证的目的是阻止不合格的表单信息被提交给服务器端，影响服务器的正常运行。
下面我们就以常用的注册表单为例，来说明表单验证通常包括哪些大致内容。
注册表单验证大概有以下几项：检查用户名是否为空（这里不包含验证服务器端已经存在的用户名被重复注册）；验证用户输入的两次密码是否一次；验证出生日期是否符合常识（如月份必须是1-12之间，日期必须是1-31之间，区分大月和小月，区分是否为闰年）；验证用户输入的电话号码（为11位的数字）和邮件地址是否有效（如电子邮件地址中必须有“@”和“.”字符）；验证验证码是否与已显示的验证码相同等。
四、常用的表单验证的代码实现过程
在展示详细代码前先对表单信息进行定义，定义表单窗口名为TableForm，定义用户名文本框名为MyNameTxt，定义密码文本框名为PasswordTxt，定义二次密码文本框名为rPasswordTxt。电话号码、电子邮箱、验证码等验证代码省略（参考验证用户名代码和密码代码）。
五、结束语
JavaScript语言是一种功能非常强大的脚本设计语言，我们可以使用它很方便快速的在客户端对表单数据验证编写代码，避免表单数据出现错误，为服务器端接收到的数据有效性起到保障作用。
参考文献：
[1] （美）Karli Watson Christian Nagel等，C#入门经典（第4版），清华大学出版社
[2] 明日科技 JavaScript从入门到精通，清华大学出版社
[3] （美）鲍尔斯 学习JavaScript ，东南大学出版社
关键词：JavaScript；代码；表单验证
一、引言
随着web技术的广泛应用，无论是登陆账户界面还是用户注册账户，客户端界面都是通过表单来提取用户有效信息。表单已经成为传递信息提交数据的重要载体，扮演着十分重要的角色。这就引出了一些问题，提交的表单数据是否合法，如果数据不合法怎么办？作为最重要的客户端脚本语言，利用JavaScript语言编写程序段进行表单验证，是目前最通用的方法，在实际应用中具有较好的兼容性和跨越性，能够方便快捷的解决表单验证这些问题。
二、表单验证的必要性
在对表单提交的信息进行处理前，首先要对其进行合理性验证，避免信息无法更新或出现软件BUG，影响用户的正常使用。用户在填写表单信息时，可能在表单中输入不正确的数据，如输入字符串长度与账户要求的数据长度不一样；输入的数据类型与数据库中定义的字段类型不一致；在不允许输入空值的地方，不输入任何数据等。如果不进行表单验证，这些都会造成服务器端的信息无法更新或出现错误。进行表单验证能避免出现这些错误。
为了减轻服务器压力，表单验证应该在客户端页面中进行，提醒用户注意一些常见的错误和数据的合理性并给出相应的错误提示，而不必等待服务器的响应，从而减少服务器的处理任务和运行压力，同时也提高了用户的操作效率。
基于以上原因，我们有必要使用JavaScript在客户端对表单数据进行验证。
三、表单验证的内容
在开始编写表单验证代码之前，我们需要先分析一下表单验证的具体内容。其实，表单验证包括的内容非常多，如验证用户名、密码是否正确，验证日期格式是否正确，验证电话号码和E-mail地址是否有效、验证验证码是否匹配等，验证的目的是阻止不合格的表单信息被提交给服务器端，影响服务器的正常运行。
下面我们就以常用的注册表单为例，来说明表单验证通常包括哪些大致内容。
注册表单验证大概有以下几项：检查用户名是否为空（这里不包含验证服务器端已经存在的用户名被重复注册）；验证用户输入的两次密码是否一次；验证出生日期是否符合常识（如月份必须是1-12之间，日期必须是1-31之间，区分大月和小月，区分是否为闰年）；验证用户输入的电话号码（为11位的数字）和邮件地址是否有效（如电子邮件地址中必须有“@”和“.”字符）；验证验证码是否与已显示的验证码相同等。
四、常用的表单验证的代码实现过程
在展示详细代码前先对表单信息进行定义，定义表单窗口名为TableForm，定义用户名文本框名为MyNameTxt，定义密码文本框名为PasswordTxt，定义二次密码文本框名为rPasswordTxt。电话号码、电子邮箱、验证码等验证代码省略（参考验证用户名代码和密码代码）。
五、结束语
JavaScript语言是一种功能非常强大的脚本设计语言，我们可以使用它很方便快速的在客户端对表单数据验证编写代码，避免表单数据出现错误，为服务器端接收到的数据有效性起到保障作用。
参考文献：
[1] （美）Karli Watson Christian Nagel等，C#入门经典（第4版），清华大学出版社
[2] 明日科技 JavaScript从入门到精通，清华大学出版社
[3] （美）鲍尔斯 学习JavaScript ，东南大学出版社