2023年6月21日发(作者：)
使⽤实现表单数据验证 关于表单验证，⽬前知道的，除了以前那种傻⽠式的每个表单选项都⽤⼀个函数去验证之外，有两种⽅法是⽐较⽅便的，今天先介绍⼀下第⼀种，在前端实现表单验证的⽅法——基于的表单验证⽅法。注意哟，以下我都⽤截图的⽅式挂出代码，然后最后会把完整代码贴出来，提供复制粘贴，⼩伙伴不要急着敲哦！1.下载和引⼊ ⾸先，我们需要下载⼀份⽂件，这个⽂件可以去JQuery官⽹或者csdn等⽹站下载。
下载好之后，新建⼀个html⽂件，然后先后将⽂件和引⼊html代码，我这⾥新建⼀个名为的⽂件，如下图所⽰：
这⾥为了待会的表单表现的好看⼀些，我引⼊了的样式⽂件。2.建⽴表单
3.使⽤实现表单数据的验证 同样，我们直接看代码截图：
除了这些检验⽅式，⾥还封装了包括邮箱格式验证，电话号码格式验证等验证犯法，使⽤⽅法和上图中的number⼀致，想进⼀步了解的同学可以⾃⾏查看具体的js内容哦。上图中的代码，rules部分限定了输⼊数据的规范，message则设定了错误提⽰信息。4.查看结果
2023年6月21日发(作者：)
使⽤实现表单数据验证 关于表单验证，⽬前知道的，除了以前那种傻⽠式的每个表单选项都⽤⼀个函数去验证之外，有两种⽅法是⽐较⽅便的，今天先介绍⼀下第⼀种，在前端实现表单验证的⽅法——基于的表单验证⽅法。注意哟，以下我都⽤截图的⽅式挂出代码，然后最后会把完整代码贴出来，提供复制粘贴，⼩伙伴不要急着敲哦！1.下载和引⼊ ⾸先，我们需要下载⼀份⽂件，这个⽂件可以去JQuery官⽹或者csdn等⽹站下载。
下载好之后，新建⼀个html⽂件，然后先后将⽂件和引⼊html代码，我这⾥新建⼀个名为的⽂件，如下图所⽰：
这⾥为了待会的表单表现的好看⼀些，我引⼊了的样式⽂件。2.建⽴表单
3.使⽤实现表单数据的验证 同样，我们直接看代码截图：
除了这些检验⽅式，⾥还封装了包括邮箱格式验证，电话号码格式验证等验证犯法，使⽤⽅法和上图中的number⼀致，想进⼀步了解的同学可以⾃⾏查看具体的js内容哦。上图中的代码，rules部分限定了输⼊数据的规范，message则设定了错误提⽰信息。4.查看结果
发布评论