使用javascript进行表单验证

我在页面上的验证代码是：

function validateForm() {
    with (document.contactform) {
        var alertMsg = "The following REQUIRED fields\nhave been left empty:\n";
        if (name.value == "") alertMsg += "\nName";
        if (email.value == "") alertMsg += "\nEmail";
        if (message.value == "") alertMsg += "\nMessage";
        if (alertMsg != "The following REQUIRED fields\nhave been left empty:\n") {
            alert(alertMsg);
            return false;
        } else {
            return true;
        }
    }
}

此外，我还将

onsubmit=“return validateForm（）”

添加到了我的表单部分，但似乎没有任何效果。您可以在以下位置查看源页面：

任何帮助都将不胜感激

---

谢谢

一个建议是尝试使用document.getElementById（“contactform”）而不仅仅是document.contactform

我从未使用with命令，因此我不确定它是如何使用的

{编辑}

在你的网站上玩过之后，我相信我的建议会解决你的问题， 让我知道它是如何运行的

将

name=“contactform”

属性添加到表单标签或使用

document.getElementById（“contactform”）

而不是

文档。联系人表单

更改

<form id="contactform" onsubmit="return validateForm()" action="" method="post">

到

---

当您尝试访问

document.contactform

时，会出现此问题。它正在寻找名为

contactform

的

表单

，而不是id为

contactform

的

表单。问题在于validateForm函数

更改：

function validateForm() {
    with (document.contactform) {
函数validateForm（）{
带（文档.联系人表单）{
致：

函数validateForm（）{
使用（document.getElementById（'contactform'））{
请将您的代码放在代码标签中。因为它是html/javascript，我们无法看到它。我会编辑，但没有足够的识别力。我会保留
id=“contactform”
--虽然添加
名称
属性可以解决问题，但删除
id
可能会影响表单的CSS样式。这是解决问题的明智方法。无需更改js文件。
function validateForm() {
    with (document.contactform) {
function validateForm() {
    with (document.getElementById('contactform')) {