Question

我想在用户设置的输入文本的值与我隐藏的输入文本的值相同时显示一个按钮，在咨询控制台后已经是相同的值。当我尝试它时，我将正确的值放在我的文本输入中并且它不起作用

document.getElementById('btn').style.visibility = 'hidden';
function action() {
  document.getElementById('btn').style.visibility = 'hidden';
   var x = document.getElementById('numexam').value;
   var z =  document.getElementById('numexam2').value;
   if(x==z) {
    document.getElementById('btn').style.visibility = 'visible';
   } else {
    document.getElementById('btn').style.visibility = 'hidden';
   }
}

<form action="/demandeverification" method="post" >
    <input required type="text"  onChange="action()"id="numexam"/>
    <input   type="hidden" id="numexam2" />
    <button  id="btn" type="submit" />Envoyer demande</button>
</form>

Answer 1

您没有为隐藏的输入元素设置任何值以与其他输入元素的值进行比较。我将其设置为xyz以进行演示。此外，您不应将您的函数命名为action，这会导致错误：

未捕获的TypeError：动作不是函数

document.getElementById('btn').style.visibility = 'hidden';
function myAction() {
  document.getElementById('btn').style.visibility = 'hidden';
   var x = document.getElementById('numexam').value;
   var z =  document.getElementById('numexam2').value;
   if(x==z) {
    document.getElementById('btn').style.visibility = 'visible';
   } else {
    document.getElementById('btn').style.visibility = 'hidden';
   }
}

<form action="/demandeverification" method="post" >
  <input required type="text"  onchange="myAction()" id="numexam"/>
  <input   type="hidden" value="xyz" id="numexam2" />
  <button  id="btn" type="submit" />Envoyer demande</button>
</form>

Answer 2

分别使用样式显示none和... if(x==z) { document.getElementById('btn').style.display= 'block'; } else { document.getElementById('btn').style.display= 'none'; }。尝试：

spark-submit --class org.project

Answer 3

您需要更改功能名称并使其正常工作。

<form action="/demandeverification" method="post" >
<input required type="text"  onChange="action1()" id="numexam"/>
<input type="hidden" id="numexam2" />
<button id="btn" type="submit" />Envoyer demande</button>
</form>

<script type="text/javascript">
document.getElementById('btn').style.visibility = 'hidden';
function action1() {

    document.getElementById('btn').style.visibility = 'hidden';
    var x = document.getElementById('numexam').value;
    var z = document.getElementById('numexam2').value;
    if (x == z) {
        document.getElementById('btn').style.visibility = 'visible';
    } else {
        document.getElementById('btn').style.visibility = 'hidden';
    }
}
</script>

如何按输入值显示按钮

3 个答案: