这里的focus是什么意思

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

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

3回答
好帮手慕慕子 2020-08-17 14:10:48

同学你好,可以结合如下示例理解:

  1. checkValidity是检测输入的内容是否符合要求,如下所示代码,input设置了验证,输入1到4为的小写字母

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

    测试结果如下:

    输入格式不正确时,返回结果为false

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

    输入格式正确时,返回结果true

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

  2. 如下所示代码:

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

    第一个按钮需要输入验证,第二按钮由于设置了disabled属性无法输入内容,自然也就需要验证了。打印结果如下:

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

实际工作中一般都是使用前面学习的正则表达式进行验证的。这些都是html5新增的属性,目前在实际项目中使用的较少,同学了解下即可。

祝学习愉快~

好帮手慕慕子 2020-08-17 09:34:06

同学你好,对于你的问题解答如下:

  1. focus表示聚焦的意思。

  2. 二者的区别是:

    (1)checkValidity( ):input元素中的数据合法返回true,反之返false

    (2)willValidate: 指定 input 是否需要验证。如果表单元素设置了required特性或pattern特性,则willValidate属性的值为true,即表单的验证将会执行

  3. 这段代码的意思是:在点击按钮的时候,判断有无效元素,如果有,鼠标聚焦到第一个无效元素上。起到一个提示输入的作用。

    例如直接点击按钮,聚焦在第一个无效元素上了

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

    第一个文本输入有效内容,然后点击按钮,仍然聚焦在第一个无效元素上

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

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

  • 提问者 陈立天 #1
    (1)checkValidity( ) (2)willValidate 老师这两种的概念我还是有点模糊 能否举个简单的小例子?
    2020-08-17 10:36:16
提问者 陈立天 2020-08-16 22:38:31

另外willValidate和checkValidity()有什么区别?


  • 提问者 陈立天 #1
    代码中我注释了这段代码。。发现也不影响效果? 这段话所以到底是啥意思
    2020-08-16 22:52:44
问题已解决,确定采纳
还有疑问,暂不采纳

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

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

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

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

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

在线咨询

领取优惠

免费试听

领取大纲

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