我有两个输入字段,一个用于电话号码,另一个用于电子邮件。我想根据用户选择禁用一个字段。如果用户在任何一个字段中单击并输入输入,它将禁用另一个,反之亦然。Javascript禁用输入字段
我已经编写了代码,但它似乎只在输入电话号码时禁用了电子邮件字段。删除手机中的号码将从电子邮件输入字段中删除禁用。
IN MY HTML
<input type="number" name="number" placeholder="hone" class="cellphone" data-cp-visibility="new-user" id="phone">
<input type="email" name="email" placeholder="enter email" class="email" data-cp-visibility="new-user" id="email">
在JavaScript
$('#phone').live('blur',function(){
if(document.getElementById('phone').value > 1) {
$('#email').attr('disabled', true);
} else {
$('#email').attr('disabled', false);
}
});
$('#email').live('blur',function(){
if(document.getElementById('email').value > 1) {
$('#phone').attr('disabled', true);
} else {
$('#phone').attr('disabled', false);
}
});
最终我什么,我想做到的是,用户可以在任何区域点击,然后输入输入,在这样做时,其他字段被禁用。如果他们选择删除他们输入的文本,它会删除禁用的功能,然后他们可以选择相反的输入字段。
我不知道为什么它只适用于一个领域,而不是其他为什么如果你在手机领域输入333-333-3333它打破禁用,但33333333工作正常。
任何想法或见解我可能会失踪?
错误的方法,你应该使用'prop',而不是'attr'! – adeneo
此外,电子邮件可能不是*“超过1”*,似乎你想检查修剪后的值是否等于'“”'(空字符串) – adeneo
最后,'live()'在几年前被弃用和删除 – adeneo