Javascript:当其他字段匹配某个字时禁用文本字段

时间:2017-03-03 03:25:58

标签: javascript jquery html

我是新手使用javascript并尝试使用java脚本/ j查询进行注册表单,当某些用户键入一些单词时,下一个输入字段将自动禁用。示例:用户在字段中键入“Bread”然后下一个字段变成空白而无法使用。 我试着在搜索引擎上搜索它,但答案只是关于禁用提交按钮。下面是我的代码:

    <script>
    function matchWord(e){
    console.log(document.getElementById('food').value.trim());
    if(document.getElementById('Food').value.trim() == "Bread"){
    document.getElementsById('OFood')disabled==true;
    document.getElementsById('PFood')disabled==true;
        }
    }

    document.getElementById('food').onkeyup = matchWord;
    </script>

这是我的HTML:

请插入其他食物然后再加入面包

    Food:<input type = "text" name="food" id="food" value ="" size ="22" placeholder ="Enter your Favourite food"/><br>
    Drink:<input type = "text" name="Ofood" id="Ofood" value="" size="22" placeholder="Enter your Favourite Drink"/><br>`
    Restaurant:<input type = "text" name="Pfood" id="Pfood" value="" size="22" placeholder="name your best restaurant"/>

我也尝试运行代码,但它不起作用。我需要一个解决方案。 这一切都谢谢你。

2 个答案:

答案 0 :(得分:1)

元素ID区分大小写。您还有一些语法错误。我已为您修复了代码:

<script>
    function matchWord(e){
        if(document.getElementById('food').value.trim() === "Bread"){
            document.getElementById('Ofood').disabled = true;
            document.getElementById('Pfood').disabled = true;
        }
    }

    document.getElementById('food').onkeyup = matchWord;
</script>

在这里测试:https://jsfiddle.net/3pd40ep4/

答案 1 :(得分:0)

剧本中有很多错别字

&#13;
&#13;
Mail::to('a@b.com')->send(new TestMail());// this just commonly sent email not queueing
&#13;
    function matchWord(e){
    console.log(document.getElementById('food').value.trim());
    if(document.getElementById('food').value.trim() == "Bread"){
    document.getElementById('Ofood').disabled=true;
    document.getElementById('Pfood').disabled=true;
        }
    }

    document.getElementById('food').onkeyup = matchWord;
&#13;
&#13;
&#13;