如何通过使用OnChange Javascript HTML验证表单

How to Validate form by using OnChange Javascript HTML

本文关键字：HTML 验证 表单 Javascript OnChange 何通过      更新时间：2023-09-26

我正在尝试使用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语句时为什么不出现警告框

你可以这样做:

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/

警报来了，因为函数每次都在执行，而不是在选择

试试这个,

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

相关文章：