有问题使用JavaScript验证表单

时间:2012-03-30 09:58:44

标签: javascript html html5 javascript-events

我的以下Javascript无效。

<script type="text/javascript">
    function checkDetails(search)
    {
    var search = documment.getElementById('query');
    if(search.value ==''||search.value==null)
    {
        alert('No search criteria entered');
        query.focus;
        return false;
        }
    }
</script>
</head>
<body>
<form name="search" action ="123.php" onSubmit="return checkDetails(this);" method ="get">
    <p><input type ="text" id = "query"  name ="query" /> &nbsp;
    <input type ="submit" value ="Web Service"/></p>
</form>
</body>

4 个答案:

答案 0 :(得分:1)

您没有指定它不起作用的方式 - 您收到错误,它没有正确验证,您没有收到错误警报?我发现了一件事:

query.focus;

应该是

search.focus();

另外,您拼错了文档作为文档

答案 1 :(得分:1)

试试这段代码:

function checkDetails(search)
    {
        var search = document.getElementById('query');
        if(search.value ===''||search.value===null)
        {
            alert('No search criteria entered');
            search.focus();
            return false;
        }

        return true;
    }

您编写了文档 mm ent。

答案 2 :(得分:0)

将是

search.focus();

而不是

query.focus;

documment将为document

答案 3 :(得分:0)

也尝试这样的事情

onSubmit="return checkDetails(this,this.id);"

function checkDetails(search,id)
    {
    var search = documment.getElementById(id);
    if(search.value ==''||search.value==null)
    {
        alert('No search criteria entered');
        query.focus;
        return false;
        }
    }