2023年6月21日发(作者：)

Web表单客户端验证技巧张扬嵩（福建星瑞格软件有限公司，福建福州350003）摘要院在Web应用开发中，当Web客户端的表单提交到服务器时，因为表单数据是由用户手工录入的，不可避免会存在录入数据错误的情况，如果Web客户端的错误数据提交到服务器会引起系统的很多错误，所以需要在Web客户端进行验证数据的合法性和正确性。Web客户端表单验证的一般方法是在表单提交之前调用JavaScript方法进行验证，验证成功就把表单数据提交到服务器，验证失败就不提交数据到服务器同时提示用户输入错误，但是这种方法要写很多的JavaScript判断和处理代码，编码工作量大且代码维护性比较差。介绍了一种Web表单客户端自动验证的方法来减少编码工作量，并提高代码的可维护性。关键词院Web表单验证；表单验证；JS表单验证；JavaScript表单验证1概述现在Web应用的大部分网页是动态的并且很多时(value)||value=="";});/***验证登录账号*/$.hod("checkStaffCode",func鄄tion(value,element){varstrExp=/^[a-zA-Z0-9~!@#$%^&*()_-]{4,18}$/;al(element)||(val鄄ue);});/***校验登录账号密码*/$.hod("checkPassword",func鄄tion(value,element){varstrExp=/^[a-zA-Z0-9~!@#$%^&*()_-]{6,16}$/;al(element)||(val鄄ue);});}})();te中文错误信息定义和扩展te默认的错误提示信息是英文的/***表单错误信息定义候需要用户输入数据袁如用户注册这样的页面就需要对用户输入的电子邮箱地址尧密码等进行验证袁如果用户的输入的电子邮箱地址不符合电子邮箱的规则或密码强度不符合规定的规则袁用户注册就会不成功袁同时在页面合适的地方进行提示用户重新输入正确的数据遥这就需要用到Web表单数据验证技术袁这里介绍一种通过扩展jQuery功能来对用户输入数据进行的客户端自动验证方法遥22.1扩展te的验证方法客户端自动验证方法的实现步骤te已经提供了一些通用的验证方法袁如必填尧电子邮箱尧数字等袁但还是满足不了实际的开方法的实例如下院发需求袁所以可以通过扩展来增加验证方法袁增加验证/***te自定义验证扩展*/;(function($){if($.validator){/***用于价格的验证袁精确到分位*/$.hod("priceNumber",function(value,element){vardecimal=/^d+(.d{1,2})?$/;1722020.03

2023年6月21日发(作者：)

Web表单客户端验证技巧张扬嵩（福建星瑞格软件有限公司，福建福州350003）摘要院在Web应用开发中，当Web客户端的表单提交到服务器时，因为表单数据是由用户手工录入的，不可避免会存在录入数据错误的情况，如果Web客户端的错误数据提交到服务器会引起系统的很多错误，所以需要在Web客户端进行验证数据的合法性和正确性。Web客户端表单验证的一般方法是在表单提交之前调用JavaScript方法进行验证，验证成功就把表单数据提交到服务器，验证失败就不提交数据到服务器同时提示用户输入错误，但是这种方法要写很多的JavaScript判断和处理代码，编码工作量大且代码维护性比较差。介绍了一种Web表单客户端自动验证的方法来减少编码工作量，并提高代码的可维护性。关键词院Web表单验证；表单验证；JS表单验证；JavaScript表单验证1概述现在Web应用的大部分网页是动态的并且很多时(value)||value=="";});/***验证登录账号*/$.hod("checkStaffCode",func鄄tion(value,element){varstrExp=/^[a-zA-Z0-9~!@#$%^&*()_-]{4,18}$/;al(element)||(val鄄ue);});/***校验登录账号密码*/$.hod("checkPassword",func鄄tion(value,element){varstrExp=/^[a-zA-Z0-9~!@#$%^&*()_-]{6,16}$/;al(element)||(val鄄ue);});}})();te中文错误信息定义和扩展te默认的错误提示信息是英文的/***表单错误信息定义候需要用户输入数据袁如用户注册这样的页面就需要对用户输入的电子邮箱地址尧密码等进行验证袁如果用户的输入的电子邮箱地址不符合电子邮箱的规则或密码强度不符合规定的规则袁用户注册就会不成功袁同时在页面合适的地方进行提示用户重新输入正确的数据遥这就需要用到Web表单数据验证技术袁这里介绍一种通过扩展jQuery功能来对用户输入数据进行的客户端自动验证方法遥22.1扩展te的验证方法客户端自动验证方法的实现步骤te已经提供了一些通用的验证方法袁如必填尧电子邮箱尧数字等袁但还是满足不了实际的开方法的实例如下院发需求袁所以可以通过扩展来增加验证方法袁增加验证/***te自定义验证扩展*/;(function($){if($.validator){/***用于价格的验证袁精确到分位*/$.hod("priceNumber",function(value,element){vardecimal=/^d+(.d{1,2})?$/;1722020.03