当前位置:评测网 > 智能 > 正文

表单验证 JavaScript 表单验证如何实现的?

导语:为了保证提交数据的正确性,用户在填写表单的过程中还需要编写一堆的验证操作,可以利用JAVAScript来验证完成。下面就给大家分享在web开发中JavaScript 表单验证如何实现的?希望对用到的同学能有所帮助!JavaSc

为了保证提交数据的正确性,用户在填写表单的过程中还需要编写一堆的验证操作,可以利用JAVAScript来验证完成。下面就给大家分享在web开发中JavaScript 表单验证如何实现的?希望对用到的同学能有所帮助!

JavaScript 表单验证如何实现的?

JS 错误

DOM 简介

JavaScript 可用来在数据被送往服务器前对 HTML 表单中的这些输入数据进行验证。

JavaScript 表单验证

JavaScript 可用来在数据被送往服务器前对 HTML 表单中的这些输入数据进行验证。

被 JavaScript 验证的这些典型的表单数据有:

用户是否已填写表单中的必填项目?

用户输入的邮件地址是否合法?

用户是否已输入合法的日期?

用户是否在数据域 (numeric field) 中输入了文本?

必填(或必选)项目

下面的函数用来检查用户是否已填写表单中的必填(或必选)项目。假如必填或必选项为空,那么警告框会弹出,并且函数的返回值为 false,否则函数的返回值则为 true(意味着数据没有问题):

function validate_required(field,alerttxt){with (field){if (value==null||value==""){alert(alerttxt);return false}else {return true}}}

下面是连同 HTML 表单的代码:

Email:

E-mail 验证

下面的函数检查输入的数据是否符合电子邮件地址的基本语法。

意思就是说,输入的数据必须包含 @ 符号和点号(.)。同时,@ 不可以是邮件地址的首字符,并且 @ 之后需有至少一个点号:

function validate_email(field,alerttxt){with (field){apos=value.indexOf("@")dotpos=value.lastIndexOf(".")if (apos<1||dotpos-apos<2){alert(alerttxt);return false}else {return true}}}下面是连同 HTML 表单的完整代码:

Email:

JavaScript还有更多重要的功能和作用,更多web前端学习资料,可以关注“武汉千锋”微信公众号领取!

免责申明:以上内容属作者个人观点,版权归原作者所有,不代表评测网立场!登载此文只为提供信息参考,并不用于任何商业目的。如有侵权或内容不符,请联系我们处理,谢谢合作!
当前文章地址:https://www.pcapqz.com/zhineng/142980.html 感谢你把文章分享给有需要的朋友!
上一篇:二维码生成器加logo java生成二维码,并且给二维码添加logo 下一篇: js字符串转数字 JS中将值转换成字符串的5种方法