使用vue与jquery实时监听用户输入状态的操作代码
作者:Joocherry_ 发布时间:2023-07-02 17:08:02
标签:vue,jquery,监听
实现效果:input未输入值,按钮禁用
jquery操作代码:
html
<input type="text" name="" placeholder="请输入用户名" id="userName" >
<button class="disabled" id="login">登录</button>
css
.disabled {
pointer-events: none;//禁用点击事件
cursor: default;//鼠标禁用
opacity: 0.4;
}
js
//监听input里的值
$('#userName').on('input propertychange',function(){
if(this.value.length != 0){
$('#login').removeClass('disabled');
}else{
$('#login').addClass('disabled');
}
});
Vue操作代码:
html
<template>
<div>
<input type="text" placeholder="请输入用户名" v-model="userName">
<button :disabled="forbidden" >登录</button>
</div>
</template>
js
export default{
data(){
return{
forbidden:false,
userName:null
}
},
methods:{
if(this.userName == null){
this.forbidden = true;
}else{
this.forbidden = false
}
}
}
总结
以上所述是小编给大家介绍的使用vue与jquery实时监听用户输入状态的操作代码网站的支持!
来源:http://www.jianshu.com/p/293ebeba7e87
0
投稿
猜你喜欢
- 1.索引是什么1.1 认识索引先创建一个简单的DataFrame。myList = [['a', 10, 1.1], &nb
- 一、闭包闭包相当于函数中,嵌套另一个函数,并返回。代码如下:def func(name): # 定义外层函数 def inner
- 关于Python的格式化字符串,几乎所有接触过Python语言的人都知道其中一种,即使用运算符%,但对于绝大多数初学者来说也仅此而已。因此,
- 如果你是一名Web Developer,而且还知道CSS Sprite这个词,请先去搜索一下,也许你正在使用这个技术,但只是不知道它的名字罢
- 在用django写项目时,遇到了许多场景,关于ORM操作获取数据的,但是不好描述出来,百度搜索关键词都不知道该怎么搜,导致一个人鼓捣了好久。
- “12-Factor” 是构建SaaS服务的一种方 * ,这套理论适用于任意语言和后端服务(数据库、消
- List>>> [chr(i) for i in range(97,123)]['a', 'b
- 安装部署Scrapy在安装Scrapy前首先需要确定的是已经安装好了Python(目前Scrapy支持Python2.5,Python2.6
- Kettle简介Kettle最早是一个开源的ETL(Extract-Transform-Load的缩写)工具,全称为KDE Extracti
- 内置300余汉字点阵.纯ASP实现汉字验证码.不读数据库.多种属性自由调节,其中包括:生成的图片长和宽,字符数,背景显示效果(渐变,杂色,固
- NetworkX是一个非常强大的网络科学工具,它封装了图的数据结构和许多经典图算法,也内置了许多可视化函数可供调用。1. 随机图生成最经典的
- 为什么选择Python进行数据分析?Python是一门动态的、面向对象的脚本语言,同时也是一门简约,通俗易懂的编程语言。Python入门简单
- 在进行增强现实的时候我们需要用到两个工具包:PyGame 和 PyOpenGL,本章在python环境下对这两个工具包的安装进行说明。一、安
- 一.filter函数简介filter函数主要用来筛选数据,过滤掉不符合条件的元素,并返回一个迭代器对象,如果要转换为列表list或者元祖tu
- 前段时间前在网上看到一段面试题,要求如下:employee文件中记录了工号和姓名 cat employe
- 首先,啰嗦几句废话如下: (1)触发器(trigger)是个特殊的存储过程,它的执行并不需要我们去显式调用,而是由一些事件触发,这有点类似C
- 我们知道,临时表有以下特性: 1. SESSION 级别,SESSION 一旦断掉,就被自动DROP 了。 2. 和默认引擎有关。如果默认引
- 一.用SqlConnection连接SQL Server 1..加入命名空间 using System.Data.Sql
- 引言今天给大家推荐的是web应用安全防护方面的一个包:csrf。该包为Go web应用中常见的跨站请求伪造(CSRF)攻击提供预防功能。cs
- 当然这点小问题是难不倒我们程序员的,“max+1啊”,有人会说这样的方式。是的,这种方式实现起来也比较简单。当然你也许还会说,最Sql的方式