Javascript 如果第二个输入字段已填充，则禁用该输入字段_Javascript_Jquery_Ajax_Forms

Javascript 如果第二个输入字段已填充，则禁用该输入字段

javascript jquery ajax forms

Javascript 如果第二个输入字段已填充，则禁用该输入字段,javascript,jquery,ajax,forms,Javascript,Jquery,Ajax,Forms,完全是个新手。。。我只想知道当第二个输入字段被填充时，如何动态禁用输入字段例如：请。。。任何链接和提示都可以您只需给它一个禁用的属性： document.getElementById("dis_rm").disabled = true; document.getElementById("dis_per").disabled = true; 您可以使用“更改时”事件查看其中一个是否已填充： var dis1 = document.getElementById("dis_rm"); d

完全是个新手。。。我只想知道当第二个输入字段被填充时，如何动态禁用输入字段

例如：

请。。。任何链接和提示都可以

您只需给它一个禁用的属性：

document.getElementById("dis_rm").disabled = true;
document.getElementById("dis_per").disabled = true;

您可以使用“更改时”事件查看其中一个是否已填充：

var dis1 = document.getElementById("dis_rm");
dis1.onchange = function () {
   if (this.value != "" || this.value.length > 0) {
      document.getElementById("dis_per").disabled = true;
   }
}

因此，如果第一个已填充，则第二个将被禁用

当触发

OnBlur

事件（用于退出该字段）或触发

OnChanged

事件（当然，对更改进行验证）时，在要禁用的字段上设置

disabled

标志

当您填写第二个输入字段并单击else where

$('#dis_per').blur(function(){
    if($(this).val().length != 0){
        $('#dis_rm').attr('disabled', 'disabled');
    }       
});

说明：

当第二个输入失去焦点时

.blur（）

检查里面是否有东西。通过确保其长度不为零来执行此操作

=0

如果其中有内容，请添加

属性禁用
，并将其设置为禁用


只需将此广告添加到您的第二个文本框：
onblur="document.getElementById('dis_rm').disabled = (''!=this.value);"

我们可以使用一些步骤，将表单称为对象
document.form1.num-input2.onchange = function() {
    if ( this.value != "" || this.value.length > 0 ) {
        document.form1.num-input1.disabled = true;
    }
}

我喜欢这个答案，使用Jquery：
$('#seconddiv').live('focus',function(){
    $('#firstdiv').attr('disabled', true);
});

我有一个搜索栏，每按一次键都会显示搜索结果，如果没有返回结果，则会向用户提供一个请求帮助的表单。但如果他们填写“询问表格”，然后再次在搜索栏中键入，则会删除他们在询问表格中输入的所有内容。为了解决这个问题，我在ask表单中给所有输入一个id“seconddiv”和搜索字段id=“firstdiv”。现在，如果他们单击或制表符到ask表单的一个输入字段，它将禁用搜索栏，这样他们的数据就不会被过度写入
我还将添加一个按钮，如果他们改变主意，该按钮将重新启用搜索表单
对于新手，我将代码放在文档的开头，如下所示：
<html>
<head>
<script type="text/javascript">
$('#seconddiv').live('focus',function(){
    $('#firstdiv').attr('disabled', true);
});
</script>
</head>
<body>
....


$（'#seconddiv'）.live（'focus'，function（）{
$（'firstdiv'）.attr（'disabled'，true）；
});
....
filled是指在第二个输入字段中键入数据，然后单击应用程序中的其他位置？？是。。第二个输入自动填充后，第一个输入被禁用。。。怎么做（您可以使用onchange事件或onkeydown来检测输入字段中的更改。请参阅我的答案below@debrajsy请查看我的答案………..）您可以使用onkeydown事件查看其中一个是空的还是空的not@debrajsy这是我的代码的一部分。当您填写一个字段时，另一个字段将被禁用，当您清除该字段时，一切都将恢复正常normal@debrajsy如果此答案帮助您解决了问题，请单击旁边的复选标记，将其选为正确答案。非常感谢。
$('#seconddiv').live('focus',function(){
    $('#firstdiv').attr('disabled', true);
});

<html>
<head>
<script type="text/javascript">
$('#seconddiv').live('focus',function(){
    $('#firstdiv').attr('disabled', true);
});
</script>
</head>
<body>
....