JavaScript 怎么原生进行表单验证？

文外缪朴奂 · 发表于 2023-3-11 23:01:15

有人会 HTML 吗？

这个代码创建了一个带有 email 的表单验证的输入框。
可以通过 CSS 将表单验证是否通过进行不同的渲染：

那么 CSS 可以直接这样识别，JavaScript 有没有办法直接识别，而不需要正则表达式？

文外缪朴奂 · 发表于 2023-3-11 23:01:33

@admin ，会吗？

admin · 发表于 2023-3-11 23:35:59

你CSS这样的话好像只是不通过就加个颜色上去吧。我貌似没看见更多代码。
简单的直接识别（比如识别几位数或者里面有没有数字）可以不用正则。复杂的不太清楚。但是只要你写的出判断邮箱的if else语句就不需要正则了。

文外缪朴奂 · 发表于 2023-3-12 07:28:56

admin 发表于 2023-3-11 23:35
你CSS这样的话好像只是不通过就加个颜色上去吧。我貌似没看见更多代码。
简单的直接识别（比如识别几位数或 ...

我的意思呢，就是说，CSS 都能直接判断输入是否有效，我想 JavaScript 应该也行吧？

admin · 发表于 2023-3-12 07:49:36

文外缪朴奂发表于 2023-3-12 07:28
我的意思呢，就是说，CSS 都能直接判断输入是否有效，我想 JavaScript 应该也行吧？ ...

这个“输入是否有效”是指啥呢？是判断输入是否符合要求还是只是实现了对输入框的渲染，如果是前者那JavaScript就可以了。
我感到CSS只可以做渲染吧，判断应该主要不是它的事，判断应该是HTML里面的事。

admin · 发表于 2023-3-12 07:57:23

然后你的CSS截图里面显示出来的好像只是先获取到对输入的判断然后做的渲染。所以最终判断过程还是得JavaScript。

文外缪朴奂 · 发表于 2023-3-12 08:49:19

admin 发表于 2023-3-12 07:49
这个“输入是否有效”是指啥呢？是判断输入是否符合要求还是只是实现了对输入框的渲染，如果是前者那Java ...

判断输入是否符合要求。
我的意思能不能使用一段 JavaScript 代码，调用类似截图所示那样的 CSS 自带的判断，而不是手写（指使用自己的方式）判断，来判断输入是否符合要求？

文外缪朴奂 · 发表于 2023-3-12 08:50:10

admin 发表于 2023-3-12 07:49
这个“输入是否有效”是指啥呢？是判断输入是否符合要求还是只是实现了对输入框的渲染，如果是前者那Java ...

比如说我想判断输入框输入是否符合要求，然后不符合要求的话显示一行字。

admin · 发表于 2023-3-12 08:56:22

文外缪朴奂发表于 2023-3-12 08:50
比如说我想判断输入框输入是否符合要求，然后不符合要求的话显示一行字。 ...

可以的哦～

文外缪朴奂 · 发表于 2023-3-12 09:13:19

admin 发表于 2023-3-12 08:56
可以的哦～

能不能给个代码示例？
（话说怎么打开邮件提醒

我好像会邮件提醒了，不能在帖子里订阅吗

		自动登录	找回密码
密码			立即注册！

	神秘人：	03-21 07:20
	系统消息：向各位论坛坛友公开一下，我们现在吸收了@luoying2334 为论坛管理团队成员，管理讨论区、软件分享区和得闲饮茶区。如您有任何质疑，请您在【意见与建议】版块发帖，感谢您的支持~	03-20 23:23
	admin：论坛没啥人气啊emmm，欢迎大家来推荐退荐～	03-12 22:34
	luoying2334：	02-05 11:11
	luoying2334：给我学狗叫啊，三回啊三回	02-05 11:11
	Civilmafia：追尾黑色高级车	02-04 14:27
	Civilmafia：仙家军	02-03 19:08
	luoying2334：我去，homo	02-03 14:19
	Civilmafia：真夏夜的银梦	02-02 22:51
	Civilmafia：卧槽，↑↓啊	01-30 15:42
	luoying2334：恶俗狗开你户籍	01-30 12:52
	Civilmafia：厄厄	01-30 12:28
	Civilmafia：ESU!	01-30 12:28
	文外缪朴奂：笑了，垃圾自主学习	01-30 06:26
	admin：话说你们笑啥？？？我也笑下，袜哈蛤铪，笑疯魔了	01-29 23:19
	luoying2334：笑疯魔了	01-29 17:40
	Civilmafia：笑疯魔了	01-29 16:34
	luoying2334：v50tome	01-26 17:02
	admin：注意，我在MC的某处地方，欢迎来找我	01-25 22:42
	admin：？？？那为啥我看到是长这样的，莫非我客户端被人魔改过 @文外缪朴奂	01-25 22:37

小喇叭+ 发布