使用onsubmit函数的Javascript验证在IE8和IE7中不起作用

Question

我有一个简单的 html 表单，我想验证 2 个输入。验证在Chrome，Firefox，IE9和IE10中工作正常。即，如果我不输入任何 plat 和 plng 值，则不会在这些浏览器中执行提交。

但是在IE8和IE7中，验证失败，我最终提交表单并执行/php/search.php。

我正在页面上采购Jquery 1.8.3。

<form class="form-wrapper cf" id="search-form-primary" action="/php/search.php" method="post" onsubmit="return validateForm();">
    <input id="plat" name="plat" value="" type="text" >
    <input id="plng" name="plng" value="" type="text" >
    <button id="search" type="submit">Search</button>
</form>
<script type="text/javascript">
    function validateForm() {
        var latt= $('#plat').val();
        var lngi = $('#plng').val();   
        if ((latt == "") || (lngi == "") || (latt == null) || (lngi == null))
            return false;
        else
            return true;
        }       
</script>

Answer 1

请在提交时添加javascript:，主要适用于IE浏览器

例如

onsubmit="javascript:return validateForm();"

Answer 2

我通常不做提交按钮，但使用 javascript 提交表单。只要javascript不这样做，表单就不会提交。例如：

<input type="button" name="Submit" value="textOnTheButton" onclick="ValidationFunction()"/>

爪哇语

function ValidationFunction(){
    //validate the form here
    if(valid == true){
        document.getElementById('formName').submit();
    }
}

这一直对我有用...