下拉验证 - 仍在提交?

时间:2014-04-13 20:58:39

标签: javascript jquery html forms

我目前正在使用可用的下拉式验证程序,但在收到错误时仍会提交表单。

在正文标记中:

<select style="font-face:verdana; font-size:10px; border:thin; width:140px; position:relative; left:94px; top:140px;" id="Round-1-East-Series1" name="Round-1-East-Series1">
<option value="0">-select team-</option>
<option>Detroit Redwings</option>
<option>Boston Bruins</option>
</select><br>

然后......

<script type="text/javascript">
    function Validate()
    {
        var e = document.getElementById("Round-1-East-Series1");
        var strUser = e.options[e.selectedIndex].value;

        var strUser1 = e.options[e.selectedIndex].text;
        if(strUser==0)
        {
            alert("Please select a team.");
        }
    }
</script>

我的提交者:

<input style="font-face:verdana; font-size:14px; text-align:center; border:thin;" onclick="Validate()" type="submit" value="Send">

我想要发生的是,如果该字段返回&#34;请选择一个团队,&#34;它没有提交;它停留在页面上,这样我的粗心用户就不得不填补这个团队。

帮助!

1 个答案:

答案 0 :(得分:0)

更改您的onclick功能:

onClick="return Validate()";

在Validate函数之后:

{
    alert('Please select a team ');
    return false;
}

因此,对于有效的情况,返回true,对于失败的验证,返回false。 这肯定会让你的工作......