找回密码
 立即注册!
搜索

小喇叭+ 发布

系统消息:尊敬的用户,动象论坛的邮件系统已经完美修复,您现在可以顺利使用自助注册和找回密码功能了。万分感谢你对动象论坛的喜爱与支持~
06-10 15:28
系统消息:很抱歉的通知您,当前论坛的邮件系统暂时出现故障,因此自助注册和找回密码的功能将无法使用。如有任何需要,您可以直接添加客服QQ:230273459进行人工操作。对此给您带来的不便,我们深感歉意。
06-10 09:11
admin动象论坛祝大家端午快乐~悠悠粽草,人间芳华,年年岁岁皆如愿,岁岁年年长安康。
06-10 09:09
系统消息:动象论坛祝大家高考加油~
06-09 15:13
系统消息:各位坛友,由于“两会”封网原因,动象论坛服务中止了约一个星期,对于由此给您造成的麻烦我们感到万分抱歉。
03-18 23:04
admin动象论坛在这里祝大家2024龙年新年快乐~
02-09 14:58
系统消息:论坛端口问题已经解决~您可以直接访问论坛域名mcmc.ltd(www.mcmc.ltd)啦~(Tips:如访问时提示“连接被重置”报错,请清空您的DNS缓存与浏览器缓存。)
02-05 19:14
系统消息:论坛预计今天晚间将端口问题修复完成,请留意论坛动态,感谢您对动象论坛的支持~
02-05 14:06
系统消息:动象论坛目前正在紧急迁移服务器,目前请您先访问https://mcmc.ltd:150。论坛正在全力找CDN以修复端口问题,由此给您造成影响亿常抱歉。。
02-05 11:23
系统消息:动象论坛祝大家2024年新年快乐吖~祝大家前路浩浩荡荡,万事皆可期待~
12-31 22:41
系统消息:动象论坛拟于7月20日至7月21日进行服务器迁移和域名更换,届时论坛服务将暂时不可用。对此给您带来的麻烦,我们感到十分抱歉。
07-18 19:51
Mozillahello world
07-04 17:39
系统消息:高考倒计时2天!动象论坛祝大家2023高考完胜!加油!!!!!!
06-04 23:44
神秘人:
03-21 07:20
系统消息:向各位论坛坛友公开一下,我们现在吸收了@luoying2334 为论坛管理团队成员,管理讨论区、软件分享区和得闲饮茶区。如您有任何质疑,请您在【意见与建议】版块发帖,感谢您的支持~
03-20 23:23
admin论坛没啥人气啊emmm,欢迎大家来推荐退荐~
03-12 22:34
02-05 11:11
luoying2334给我学狗叫啊,三回啊三回
02-05 11:11
Civilmafia追尾黑色高级车
02-04 14:27
Civilmafia仙家军
02-03 19:08
查看: 608|回复: 16

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

[复制链接]
188

106

主题

1154

回帖

3684

积分

惊鸿侠影

积分
3684

最佳新人活跃会员灌水之王

发表于 2023-3-11 23:01:15 | 显示全部楼层 |阅读模式 IP:江西赣州
有人会 HTML 吗?


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

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

评分

参与人数 1比特币 +20 收起 理由
admin + 20 欢迎来讨论优质话题~论坛因你而精彩~.

查看全部评分

水帖使我快乐
188

106

主题

1154

回帖

3684

积分

惊鸿侠影

积分
3684

最佳新人活跃会员灌水之王

 楼主| 发表于 2023-3-11 23:01:33 | 显示全部楼层 IP:江西赣州
@admin ,会吗?
水帖使我快乐
回复

使用道具 举报

666

261

主题

1391

回帖

1万

积分

清正廉明~管理员

用心做好论坛,用心创造精品!

积分
10642

最佳新人活跃会员热心会员推广达人宣传达人灌水之王突出贡献优秀版主荣誉管理论坛元老

QQ
发表于 2023-3-11 23:35:59 | 显示全部楼层 IP:江西南昌
你CSS这样的话好像只是不通过就加个颜色上去吧。我貌似没看见更多代码。
简单的直接识别(比如识别几位数或者里面有没有数字)可以不用正则。复杂的不太清楚。但是只要你写的出判断邮箱的if else语句就不需要正则了。
动象论坛
点滴纯粹 简单自然
动象论坛,用心做好论坛!用心创造精品!
[点我进入]www.mjysd.top
回复

使用道具 举报

188

106

主题

1154

回帖

3684

积分

惊鸿侠影

积分
3684

最佳新人活跃会员灌水之王

 楼主| 发表于 2023-3-12 07:28:56 | 显示全部楼层 IP:江西赣州
admin 发表于 2023-3-11 23:35
你CSS这样的话好像只是不通过就加个颜色上去吧。我貌似没看见更多代码。
简单的直接识别(比如识别几位数或 ...

我的意思呢,就是说,CSS 都能直接判断输入是否有效,我想 JavaScript 应该也行吧?
水帖使我快乐
回复

使用道具 举报

666

261

主题

1391

回帖

1万

积分

清正廉明~管理员

用心做好论坛,用心创造精品!

积分
10642

最佳新人活跃会员热心会员推广达人宣传达人灌水之王突出贡献优秀版主荣誉管理论坛元老

QQ
发表于 2023-3-12 07:49:36 来自手机 | 显示全部楼层 IP:河北
文外缪朴奂 发表于 2023-3-12 07:28
我的意思呢,就是说,CSS 都能直接判断输入是否有效,我想 JavaScript 应该也行吧? ...


这个“输入是否有效”是指啥呢?是判断输入是否符合要求还是只是实现了对输入框的渲染,如果是前者那JavaScript就可以了。
我感到CSS只可以做渲染吧,判断应该主要不是它的事,判断应该是HTML里面的事。
[我是一个默认签名,快去设置里设置一个个性签名吧(*^ワ^*)] 动象论坛欢迎您!(´∇ノ`*)ノ
回复

使用道具 举报

666

261

主题

1391

回帖

1万

积分

清正廉明~管理员

用心做好论坛,用心创造精品!

积分
10642

最佳新人活跃会员热心会员推广达人宣传达人灌水之王突出贡献优秀版主荣誉管理论坛元老

QQ
发表于 2023-3-12 07:57:23 来自手机 | 显示全部楼层 IP:河北
然后你的CSS截图里面显示出来的好像只是先获取到对输入的判断然后做的渲染。所以最终判断过程还是得JavaScript。
[我是一个默认签名,快去设置里设置一个个性签名吧(*^ワ^*)] 动象论坛欢迎您!(´∇ノ`*)ノ
回复

使用道具 举报

188

106

主题

1154

回帖

3684

积分

惊鸿侠影

积分
3684

最佳新人活跃会员灌水之王

 楼主| 发表于 2023-3-12 08:49:19 | 显示全部楼层 IP:江西赣州
admin 发表于 2023-3-12 07:49
这个“输入是否有效”是指啥呢?是判断输入是否符合要求还是只是实现了对输入框的渲染,如果是前者那Java ...

判断输入是否符合要求。
我的意思能不能使用一段 JavaScript 代码,调用类似截图所示那样的 CSS 自带的判断,而不是手写(指使用自己的方式)判断,来判断输入是否符合要求?
水帖使我快乐
回复

使用道具 举报

188

106

主题

1154

回帖

3684

积分

惊鸿侠影

积分
3684

最佳新人活跃会员灌水之王

 楼主| 发表于 2023-3-12 08:50:10 | 显示全部楼层 IP:江西赣州
admin 发表于 2023-3-12 07:49
这个“输入是否有效”是指啥呢?是判断输入是否符合要求还是只是实现了对输入框的渲染,如果是前者那Java ...

比如说我想判断输入框输入是否符合要求,然后不符合要求的话显示一行字。
水帖使我快乐
回复

使用道具 举报

666

261

主题

1391

回帖

1万

积分

清正廉明~管理员

用心做好论坛,用心创造精品!

积分
10642

最佳新人活跃会员热心会员推广达人宣传达人灌水之王突出贡献优秀版主荣誉管理论坛元老

QQ
发表于 2023-3-12 08:56:22 来自手机 | 显示全部楼层 IP:河北
文外缪朴奂 发表于 2023-3-12 08:50
比如说我想判断输入框输入是否符合要求,然后不符合要求的话显示一行字。 ...

可以的哦~
[我是一个默认签名,快去设置里设置一个个性签名吧(*^ワ^*)] 动象论坛欢迎您!(´∇ノ`*)ノ
回复

使用道具 举报

188

106

主题

1154

回帖

3684

积分

惊鸿侠影

积分
3684

最佳新人活跃会员灌水之王

 楼主| 发表于 2023-3-12 09:13:19 | 显示全部楼层 IP:江西赣州

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

我好像会邮件提醒了,不能在帖子里订阅吗
水帖使我快乐
回复

使用道具 举报

*滑块验证:
您需要登录后才可以回帖 登录 | 立即注册!

本版积分规则

QQ|手机版|小黑屋|网站地图|动象论坛

GMT+8, 2024-9-8 10:00 , Processed in 0.438681 second(s), 32 queries , Gzip On.

Powered by Discuz! X3.5 Licensed

© 2001-2024 Discuz! Team.

快速回复 返回顶部 返回列表