javascript下拉确认

时间:2013-03-12 17:35:38

标签: javascript validation

如果你没有选择任何东西并且无法使其工作,我需要提醒。它需要通过窗口显示出错的地方和警报。

<!DOCTYPE html>
<html>
<head>
<select id="ddlView">
<option value="0">Select</option>
<option value="1">test1</option>
<option value="2">test2</option>
<option value="3">test3</option>
</select>  
<input type="button" onclick="myFunction()" value="select" />

<script>
function Validate()
{
var e = document.getElementById("ddlView");
var strUser = e.options[e.selectedIndex].value;

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

</html>

3 个答案:

答案 0 :(得分:2)

我认为你这里有很多问题。

  1. 您需要添加正文标记
  2. 在按钮中设置正确的功能名称。
  3. 您需要一个结束脚本标记
  4. 尝试一下:

    <!DOCTYPE html>
    <html>
        <body>
            <select id="ddlView">
                <option value="0">Select</option>
                <option value="1">test1</option>
                <option value="2">test2</option>
                <option value="3">test3</option>
            </select>  
            <input type="button" onclick="Validate()" value="select" />
    
            <script type="text/javascript">
                function Validate()
                {
                    var e = document.getElementById("ddlView");
                    var strUser = e.options[e.selectedIndex].value;
    
                    var strUser1 = e.options[e.selectedIndex].text;
                    if(strUser==0)
                    {
                        alert("Please select a user");
                    }
                }
            </script>
        </body>
    </html>
    

答案 1 :(得分:0)

这不是您要的,但您仍然可以考虑我做了什么。 有一个值为 0 选项,它将成为下拉菜单的默认选项,并将 required 属性添加到 select 元素。 此 select 元素以表单提交并提交后, HTML 将自动接管验证部分。

Nov 12 - 16

enter image description here

答案 2 :(得分:-1)

这必须在您的表单处理脚本中,您可以将其添加到代码顶部,然后检查是否已提交。

// Place this atop of your script.
if(isset($_POST)) {
    if($_POST['member_id']) {
        // Your codes here
    }
}