Question

表格验证

<html>
<head>
    <link rel="stylesheet" type ="text/css" href ="home.css">
    <script src ="contact.js"></script> 
    <title>Barber</title>   
</head>
<body> 
    <script src ="contact.js"></script> 
    <ul>
        <li><a class="active" href="barber.html">Home</a></li>
        <li><a href="Gallery.html"> Gallery</a></li>
        <li><a href="Appointment.html">Appointment (php) </a></li>
        <li><a href="about.html">About</a></li>
        <li><a href ="Contact.html"> Contact Us (javascript)</a></li>    
        <li><a href="LogIn.html">Log In(php, java, sql) </a></li>    
    </ul>
    <li2>
         <h2>Contact Us:</h2>         
    </li2>
    <div>
     <form name= "form" method "post"  onsubmit="return validateForm()"  > 
        Name: <input type="text" id= "name" name= "name"/>
        <br>

        <label for="email">Email:</label>
        <input type="text" name="email" id="email"     placeholder="JohnDoe@example.com" /> 
        <br> 

        <label for="website">Phone Number:</label>
        <input type="text" name="Phone" id="Phone" placeholder="###-###-####" />
        <br>

        <label for="message">Message:</label>
        <textarea name="message" id='message' cols="40" rows="6"> 
        </textarea>
        <br>

        <input type ="submit" name="submit" value = "submit" > 
      </form>
     </div>   
   </body>
 </html>

外部javascript

 <script type = "text/javascript">


function validateForm(){

    if (document.form.name.value=="") {
        alert("Empty");
    }
    return;

}
   </script>

所以我尝试使用JavaScript验证我的所有字段，我无法让它完全工作，而且我整天都在这样做。我开始时的脚本比这个更多，但它没有用。所以我摆脱了它。我想如果我能弄清楚如何验证一个字段，我应该能够弄清楚其余部分。任何人都可以帮我解决这个问题吗？

我在哪里可以为我的脚本添加外部链接？

Answer 1

你应该试试这个;

为所有人提供一个共同的课程，比如class =＆＃34; required＆＃34;。

然后写下你的javascript，

<script type = "text/javascript">

function validateForm(){    
  if ($(".required").val() == "")
  {
     alert("Empty");
     return false;
  }
  return;
}
</script>

Answer 2

你应该使用

返回false;

像这样。

if (document.form.name.value=="")
{
    alert("Empty");
    return false;
}

Answer 3

function validateForm() {
    var x = document.forms["form"]["value"].value;
    if (x == null || x == "") {
        alert("Empty");
        return false;
    }
}

Answer 4

在你contact.js中，只需添加js功能，无需拥有<script>代码

您的contact.js应该类似于：

<强> contact.js

function validateForm(){

    if (document.form.name.value=="") {
        alert("Empty");
    }
    return;

}

Answer 5

尝试进行单场检查。

var dataValue = document.getElementById("name").value;

    if (dataValue == "") {
        alert("Empty");
        return false;
    }

Javascript验证

5 个答案: