JavaScript 自定义验证不起作用

Question

这是我的代码:

<script type="text/javascript">
    function submitform() {
        if(document.getElementById('name').value=='') {
            alert('Please enter a name');
            return false;
        }
    }
</script>
<form action="mail.php" method="post" onsubmit="submitform();">
    <input type="text" id="name" name="name" placeholder="name">
    <input type="submit" value="submit">
</form>

正如预期的那样，表单在提交时应该调用submitform函数，如果名称字段为空，则应该返回false并发出警报。但是，它只是过去了。有什么解释吗？

Answer 1

您需要使用 return 调用该函数，以便 false 值阻止默认操作(表单提交)

<form action="mail.php" method="post" onsubmit="return submitform();">
    <input type="text" id="name" name="name" placeholder="name">
    <input type="submit" value="submit">
</form>