使用Javascript函数进行表单验证

我试图验证一个表单，以确保用户在文本框中输入一个值。以下是我的Javascript：

var formValidation = function(a) {
    if (document.getElementById(a).value == "") {
        alert('Please fill out the ' + a + ' field');
        return false;
    }
    else {
        return true;
    }
}    

以下是表格：

<div id="cultdiv">
    <form action="add.php" method="POST">
        <span><input type="hidden" name="id" id="cultid"/>
        <input type="text" onSubmit ="formValidation('culture')" name="name" id="culture"/>
        <input type="hidden" name="type" value="culture" />
        <input type="submit" value="add/update" /></span>
    </form>
</div>

---

由于某些原因，它不会阻止表单提交或发出警告消息。

您忘记了从内联处理程序返回

。

另外，
s没有
onsubmit
事件；您可能想把它放在
slaks的意思是这样的

<script>
var formValidation = function() {
    if (document.getElementById('culture').value == "") {
        alert('Please fill out the culture field');
        return false;
    }
    else {
        return true;
    }
}  


var formValidation=函数（）{
if（document.getElementById（'culture'）。值=“”）{
警报（“请填写区域性字段”）；
返回false；
}
否则{
返回true；
}
}  



内联处理程序？这意味着什么？通过
return
ing一个值，就像任何其他
return
语句一样。您可以通过示例查看并了解事情是如何完成的，有几个网站，例如javascriptkit.com、dynamicdrive.com
<div id="cultdiv">
    <form action="add.php" method="POST" onsubmit="return formValidation(this)">
        <span><input type="hidden" name="id" id="cultid"/>
        <input type="text" name="name" id="culture"/>
        <input type="hidden" name="type" value="culture" />
        <input type="submit" value="add/update" /></span>
    </form>
</div>