zoukankan      html  css  js  c++  java
  • jquery绑定input的change事件

    jquery绑定input的change事件


    背景:在做一个登录页时,如果用户未输入验证码则无法点击登录按钮,所以想到了用input的change事件,但是在写完后发现无法监听input值的改变。

    解决办法:改为了input事件

    input的change事件(相当于blur事件)

    用户在输入完成后失去焦点才会触发,不能实时监听输入框值的变化,相当于blur事件

    //这种情况就是在输入完成后失去焦点才能触发
    $('input[name="h5logincode"]').on('change', function(){
    	var _this = $(this);
    	if(_this.val().length > 0){
    		$('.sub').css('background-color', '#FFBC45');
    		$('.sub').attr('disabled', false);
    	}else{
    		$('.sub').attr('disabled', true);
    		$('.sub').css('background-color', '#b0aeae');
    	}
    });
    

    input的input事件

    用户输入的内容改变时触发,相当于实时监听

    //验证码输入后登录按钮启用
    $('input[name="h5logincode"]').on('input', function(){
    	var _this = $(this);
    	if(_this.val().length > 0){
    		$('.sub').css('background-color', '#FFBC45');
    		$('.sub').attr('disabled', false);
    	}else{
    		$('.sub').attr('disabled', true);
    		$('.sub').css('background-color', '#b0aeae');
    	}
    });
    
  • 相关阅读:
    Markdown示例
    初识Markdown
    Ubuntu源整理
    Vi编辑器入门
    Ubuntu,Linux入门系统
    [其他]volatile 关键字
    Qt5:随窗口大小变化背景图片自动缩放的实现
    Qt5:不规则按钮的实现---通过贴图实现
    windows编程:创建DLL
    [转]Firefox拦截12306订票网站的解决办法
  • 原文地址:https://www.cnblogs.com/alisleepy/p/11200329.html
Copyright © 2011-2022 走看看