確定輸入字段是否有價值的方法

Question

我正在重新發布此信息，以便在我的問題中更具體。我試圖結合在這裏找到的計算器：http://www.nhpta.com/over-tax-calculator.html。

我希望計算按鈕足夠聰明，以便知道兩個輸入字段中是否有輸入值，然後執行兩個JS函數之一Calculate或Calculate2。如果兩個字段都輸入了值，我想它會拋出一個錯誤代替按鈕。這是我下面的概念代碼，我不知道如何定義php變量，也不知道如何告訴它查看每個輸入字段並確定是否輸入了值。還不確定打印是否正確？

<?php 
    $input_B = "form field named input_B"; 
    $input_C = "form field named input_C"; 

    if($input_B == 'has a value' && $input_C == 'has no value') 
    { 
     print ' <P><INPUT TYPE="button" VALUE="Calculate" name="AddButton" onClick="Calculate(this.form.input_A.value, this.form.input_B.value, this.form.input_C.value, this.form)"></P>'; 
    } 
    elseif($input_C == 'has a value' && input_B == 'has no value') 
    { 
     print ' <P><INPUT TYPE="button" VALUE="Calculate" name="AddButton" onClick="Calculate2(this.form.input_D.value, this.form.input_E.value, this.form.input_F.value, this.form)"></P>'; 
    } 
    elseif ($input_C == 'has a value' && input_B == 'has a value') 
    { 
     print ' Please choose only one field to fill in'; 
    } 
    else 
    { 
     print ' <P><INPUT TYPE="button" VALUE="Calculate" name="AddButton" onClick="Calculate(this.form.input_A.value, this.form.input_B.value, this.form.input_C.value, this.form)"></P>'; 
    } // End if/else if 
?> 

Answer 1

第一，如果statment應該改寫這樣的：（！唯一的）

if(($input_B != "") && ($input_C == "")) 

然後邏輯是別人

Answer 2

只要兩個輸入字段具有相同的ID ，你可以這樣做：

var field0 = document.getElementById("field0id").value; 
var field1 = document.getElementById("field1id").value; 
if(field0 === ""){ 
    if(field1 !== ""){ 
     calculate(); 
    }else{ 
     //error 
    } 
}elseif(field1 === ""){ 
    calculate2(); 
}else{ 
    //error 
} 

Answer 3

首先，你不應該需要做任何事情server-sid e爲此（這是PHP運行的地方）。而是使用javascript。它應該是這個樣子：（請記住，這是使用jQuery，這是一個JavaScript庫，您可以瞭解jQuery的here。）

<label for="input1">Input 1</label> 
<input type="text" name="input1" id="input1" /><br /> 
<label for="input2">Input 2</label> 
<input type="text" name="input2" id="input2" /><br /> 
<input type="submit" value="Submit" id="submit" onclick="calculate();" <!-- you only need the onclick attribute if you're not using jQuery --> /> 

編輯：修改函數來執行邏輯中定義問題

<!-- pseudo-code with jQuery --> 
<script language="javascript" type="text/javascript"> 
    $("#submit").on('click', function() { 
     var input1Val = $("#input1").val(); 
     var input2Val = $("#input2").val(); 

     if (input1Val != "" && input2Val != "") { 
      alert("You may only enter a value in one input field."); 
     } else if (input1Val != "") { 
      calcFunc1(input1Val); 
     } else if (input2Val != "") { 
      calcFunc2(input2Val); 
     } else { 
      alert("You must enter a value in one of the input fields."); 
     } 
    }); 
</script> 

<!-- pseudo-code with straight javascript --> 
<script language="javascript" type="text/javascript"> 
    function calculate() { 
     var input1Val = document.getElementById("input1").value; 
     var input2Val = document.getElementById("input1").value; 

     if (input1Val != "" && input2Val != "") { 
      alert("You may only enter a value in one input field."); 
     } else if (input1Val != "") { 
      calcFunc1(input1Val); 
     } else if (input2Val != "") { 
      calcFunc2(input2Val); 
     } else { 
      alert("You must enter a value in one of the input fields."); 
     } 
    } 
</script>