Jquery keyup函数不起作用
Jquery keyup function not working
在$(':text').keyup(function() {
中,我尝试将:text更改为:number不起作用,只有当我删除&& $('#number').val() != ""
时才起作用
<script>
$(document).ready(function(event) {
$(':text').keyup(function() {
if($('#input').val() != "" && $('#number').val() != ""
){
$('#submit').removeAttr('disabled');
} else {
$('#submit').attr('disabled', true);
}
});});
</script>
HTML
<form><input type=text id='input'>
<input type=number id='number'><br>
<input type=button id='submit' value='submit'>
</form>
jsfiddle:http://jsfiddle.net/LaLL0v6a/
有2个问题。
- 您只将keyup处理程序注册到第一个输入元素,而不是第二个,因为它的类型是数字
- 使用.pr()设置禁用状态
- 如果在数字字段中输入非数值,则它将保持禁用状态,因为.val()将返回一个空字符串
所以
$(document).ready(function (event) {
$('#input, #number').keyup(function () {
$('#submit').prop('disabled', $('#input').val() == '' || $('#number').val() == "");
});
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<input type=text id='input' />
<input type=number id='number' />
<input type=button id='submit' value='submit' disabled />
使用
$('#input').keyup(function() {
或
$('input[type="text"]').keyup(function() {
而不是
$(':text').keyup(function() {
将$(':text')
更改为$('input[type="text"]')
相关文章:
- 监视函数从服务返回不起作用,但作用域函数起作用
- Ember Data DS.Model's set函数不起作用
- Javascript:If-then语句在函数中不起作用
- JavaScript链接在点击时不起作用;函数在页面加载时工作
- AngularJS指令部分应用的函数don'不起作用
- 为什么我的JavaScript堆栈排序函数不起作用
- 嵌套到另一个函数中的Fancybox函数;不起作用
- Javascript onchange()函数不起作用
- I'我试图在文本区域中进行特定的输入,调用特定的javascript函数,但没有成功;不起作用
- javascript函数调用不起作用
- 另一个Ajax函数触发的Ajax函数不起作用
- 从PHP调用JS函数不起作用
- 清除函数中if语句内部不起作用的间隔
- js函数堆栈传入变量,.hide()不起作用
- jQuery validate函数不起作用
- jQuery克隆函数在chrome中不起作用
- JS-窗口宽度函数不起作用
- 函数调用不起作用
- .hasClass 在 onclick 函数中不起作用,但删除和添加类函数可以
- javascript函数,该函数不起作用,但不会显示任何错误