请教老师 ,针对input的单行文本框(text)blur事件无效

请教老师 ,针对input的单行文本框(text)blur事件无效

$(document).ready(function () {
        //文本框BLUR校验
//        console.log($('.textaccount'));
//        $('.textaccount').focus(function () {
//            alert('focus');
//        })
//        $('.textaccount').click(function () {
//     this.focus();
// })
//这里无论直接用$('.textaccount').blur()或者on都无效,试了好多遍都没有用,不知道原因在哪
        $('.textaccount').on('blur', function () {
            alert('ok');
            var a = $(this).val();
            var len = a.length;
            if (len != 11) {
                if (!isNaN(a)) {
                    $('#check1').text('请输入正确的手机号码');
                }
                else if (!a.indexOf('@')) {
                    $('#check1').text('输入邮箱有误,请重新输入');
                }
            }
        })
    })

<div class="hide">

            <div id="popContentIn">

                <form>

                    <input class="text1 textaccount"  name="text" type="text" placeholder="   请输入登录邮箱/手机号" >

                    <p id="check1" class="checkData">

                        <br> </p>

                    <input name="password" class="text1 password1" type="password" placeholder="   6-16位密码,区分大小写,不能用空格">

                    <br>

                    <p class="choice">

                        <input class="autolog" type="checkbox">下次自动登录 <a>忘记密码</a></p>

                </form>

            </div>

</div>

正在回答

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

3回答

你好,根据这部分代码测试是没有问题的,可能是上下其他部分的代码影响。可以把你完整的代码粘贴过来,若代码特别多,不容易粘贴的话,可以在提交作业的时候,标明这个问题,批改作业的老师会帮助你解答。

祝学习愉快~

  • Joezoe 提问者 #1
    好滴,谢谢,已提交作业,并注明问题。
    2018-03-09 11:32:58
好帮手慕糖 2018-03-08 20:43:29

你好,这边测试是正常的哦,建议:可以在自己的电脑上,单独测试下这段代码,看是否运行正常,以此来判断是否是其他部分的代码,对该部分代码有影响。

祝学习愉快~

  • 提问者 Joezoe #1
    谢谢老师,我单独拿出来调试是没问题的,这下彻底懵了..完全不知道问题出在哪,不知道从何下手debug了.
    2018-03-08 23:30:37
小于飞飞 2018-03-08 19:17:30

指的是这段代码没有起作用是吗?

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

在chrome下测试,是起作用的。

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

因为代码不完整,所以考虑以下几点:

  1. 使用什么浏览器运行

  2. 是否引用jquery 。

在试一试,如还没解决,在提问,加油!



  • 提问者 Joezoe #1
    jquery引用了,其他部分都正常运行, safari,chrome,firefox均测试过,blur都没有效果 目前整个页面都完成,所有功能都正常实现,就这个文本框校验无法运行 是因为其他部分影响到这部分代码了么?
    2018-03-08 19:55:12
  • 提问者 Joezoe #2
    谢谢老师,我刚单独新建了一个页面调试了一下,发现blur是可以使用的..看来是其他部分的影响,但是整个页面都写完了..完全不知道有什么地方可能会影响到这个blur,无从下手了..
    2018-03-08 23:31:50
问题已解决,确定采纳
还有疑问,暂不采纳

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

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

0 星
前端小白入门系列课程
  • 参与学习           人
  • 提交作业       11218    份
  • 解答问题       36713    个

从一个不会编程的小白到一个老司机是需要过程的,首先得入门,学习基础知识,然后才能进阶,最后再到精通,本专题是你走进前端世界的不二选择!

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

在线咨询

领取优惠

免费试听

领取大纲

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