3-4这个编程练习不会,请老师帮忙一下

3-4这个编程练习不会,请老师帮忙一下

<!DOCTYPE html>

<html>

    <head>

<meta charset="UTF-8" />

<title>Document</title>

</head>

<body>

<form action="" method="get" id="forms">

<input type="text" id="username" required>

<input type="submit" value="提交" id="submitBtn">

</form>

<script>

var form = document.getElementById("forms"),

submitBtn = document.getElementById("submitBtn");

submitBtn.addEventListener("click", function() {

var invalidFields = form.querySelectorAll(":invalid");

//补充完整

});

</script>

</body>

</html>


正在回答 回答被采纳积分+1

登陆购买课程后可参与讨论,去登陆

2回答
好帮手慕星星 2019-11-14 13:58:41

同学你好,在回答你的问题之前,老师给你个小建议:

有疑问时尽量在问答区新建问答进行提问,这样做有利于日后查看总结。

下面对你的提问做出解答:

1、:invalid 选择器选取表单中的值是非法的元素,在这里是通过querySelector方法获取输入非法内容的元素。

2、这边使用Chrome浏览器测试并没有报错:

http://img1.sycdn.imooc.com//climg/5dccecdf09c90b3f05280289.jpg

建议同学重新测试下。

如果我的回答帮助到了你,欢迎采纳,祝学习愉快~

好帮手慕星星 2019-07-10 14:43:21

你好,习题中是有任务提示的哦:

http://img1.sycdn.imooc.com//climg/5d258891000161bc05490252.jpg

代码中已经获取到不符合验证条件的元素了,然后再用for循环输出错误信息就可以了,如下参考:

http://img1.sycdn.imooc.com//climg/5d2589040001d7e007610374.jpg

自己测试下,祝学习愉快!

  • 老师好, 1.querySelector中选中的“:invalid”是什么? 2.按照这样的改法,可以输出“请填写此字段”,但是紧接输出结果就会报错,报错内容是“Uncaught TypeError: Cannot read property 'validationMessage' of undefined at HTMLInputElement.<anonymous> ”,这是怎么回事呢?
    2019-11-14 10:20:29
  • 你好,老师在上面做出了回复,可以看一下。
    2019-11-14 13:59:12
  • 好的,非常感谢
    2019-11-14 14:58:11
问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
3.WebAPP开发与小程序
  • 参与学习           人
  • 提交作业       622    份
  • 解答问题       6815    个

微信带火了小程序,也让前端工程师有了更多的展现机会,本阶段带你从移动基础知识的学习到webAPP开发,及小程序开发,让你PC端与移动端两端通吃。

了解课程
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师