Question

我有一个表格，下面是代码当点击提交时，它会返回true，而不是显示 textfiled要清空，应该会出错。

它是一个简单的表单验证

HTML

<form name="rt-form2"  method="post" onsubmit="return validateform();">
<input type="text" value="Name" name="name2" id="name1"><br>

<input type="text" value="Email" name="Email" id="Email1"><br>

<input type="text" value="Phone Number" name="phone" id="phone1"><br>

<input type="submit" value="submit" name="submitm" class="submit-btn">
</form>

和javascript验证

<script type="text/javascript">
 function validateform(){
 alert("Submit button is clicked");


     if(document.rt-form2.name2.value.length < 1) {
        alert("Enter name");
        return false;
     }
     else {
        alert("Submitting");
        return true;
    }


}

</script>

Answer 1

我重申这一点，似乎错误来自表单的名称。在javascript中使用' - '会抛出错误。一旦我切换到'_'，它似乎工作正常。

jsFiddle

我已经使用jQuery做了同样的事情，它允许您输入默认值并使用类required验证所有字段。它稍微复杂一点，因为它验证了默认值已更改，并在选中时清除该字段。

my Validation

Answer 2

试试这个：

<body>
    <head>    
<script type="text/javascript">
function validateform()
{
    alert("Submit button is clicked");
    var namelength = document.formulari.name2.value.length;
    if(namelength < 1)
    {
        alert("Enter name");
        return false;
    }
    else
    {
        alert("Submitting");
            return true;
    }
}

</script>
    </head>
<form name="formulari"  method="post" onsubmit="return validateform();">
<input type="text" name="name2" id="name2"><br>

<input type="text"  name="Email" id="Email1"><br>

<input type="text"  name="phone" id="phone1"><br>

<input type="submit" value="submit" name="submitm" class="submit-btn">
</form>
</body>

如果默认情况下您在字段（value="Name"）中有值，则不会启动“空”错误。因为获得了默认值。
编辑：我忘了添加你必须要有表格名称的名称。正如我在下面的代码中所做的那样。

Answer 3

你的脚本是正确的。只需从表单名称中删除连字符，就可以了！

Answer 4

    function validateForm()
        {
        var x=document.forms["formElem"]["name"].value;
        if (x==null || x=="" || x=="Name")
          {
          alert("All fields must be filled out");
          return false;
          }

         var x=document.forms["formElem"]["hnumber"].value;
        if (x==null || x=="" || x=="Phone")
          {
          alert("All fields must be filled out");
          return false;
          }

         var x=document.forms["formElem"]["mnumber"].value;
        if (x==null || x=="")
          {
          alert("All fields must be filled out");
          return false;
          }

          alert('Thanks for applying. Someone from HR will contact you shortly.');
    }

这是我使用的一个非常简单的脚本。

表格验证失败

4 个答案: