如何通過使用OnChange Javascript HTML驗證表單

Question

我正在嘗試使用OnChange對表單進行額外檢查，因此如果文本在提交表單之前等於特定值，則會出現一個警告框。 如果我刪除了If值，則警告框將出現，但如果該字段設置為“不再需要”，則警告框不會出現

<script type="text/javascript">
/*<![CDATA[*/
function extracheck(s) {

if (s.value == "No Longer Required"){
alert("message here");
}
}

/*]]>*/
</script>

 <form id="form2" name="form2" method="post" action="returnprocess.asp" onSubmit="return     validateForm(this)">
  <select name="Reason1" class="textfieldmedium" id="Reason1" onchange="extracheck(this)">
                        <option selected="selected">Reason for Return</option>
                       <option>No Longer Required</option>
                        <option>Duplicated Order</option>
                        <option>Choice of Two</option>
                        <option>Incorrectly Supplied</option>
                        <option>Incorrect for Application</option>
                        <option>Incorrectly Packaged</option>
                        <option>Late Delivery</option>
                        <option>Incorrectly Picked</option>
                        <option>Never Ordered</option>
                        <option>Surcharge Unit</option>
                        <option>Damaged</option>
                        <option>Poor Fitment</option>
                          </select>
      </form>

為什么在有IF語句時不彈出警報框？

Answer 1

你可以做：

function extracheck(s) {
    var e = document.getElementById("Reason1");
    if (e.options[e.selectedIndex].value == "No Longer Required") {
        alert("message here");
    }
}

演示： http ： //jsbin.com/lotebiho/1/

Answer 2

警報到來是因為函數每次都在執行，而不是在選擇時執行

嘗試這個，

<script>
    $(document).ready(function() {
        $("#Reason1").select(function() {
            if ($(".textfieldmedium").val() == "No Longer Required") {
                alert("Message here");
            }
        )};
    )};
</script>