回覆：表單驗證不起作用

我是一名關於後端技術的新手，想要提前感謝您的耐心等待。我正在開發一個包含php的網站，其中一個鏈接是一個聯繫表單（見下文）。我需要使用javascript驗證表單中的字段（請參閱下面的代碼）。我也使用本地服務器（WAMP）。當我加載包含表單的頁面並輸入錯誤的字符數量或將表單域留空時，沒有錯誤消息。任何幫助非常感謝...再次感謝您的耐心。回覆：表單驗證不起作用

PHP文件（contact.php）

<link rel="stylesheet" type="text/css" href="style.css" /> 
<script type="text/javascript" src="form2.js"></script> 

<?php require 'Includes/Header.php'; ?> 
<div class="wrapper"> 
    <div id="contact-form"> 
    <h5>Contact Form</h5> 
    <form method="post" action="contact.php"> 

    <label for="name">Name:</label> 
    <input type="text" id="name" name="name"> 

    <label for="email">Email:</label> 
    <input type="email" id="email" name="email"> 

    <label for="message">Message:</label> 
    <textarea id="message" name="message"></textarea> 


    <button type="submit">Send</button> 
</form>   
     <div class="clear"></div> 
</div> 
</div> 


<?php require 'Includes/Footer.php'; ?>

使用Javascript（form2.js）

function validate(form){ 
    var name = form.name.value; 
    var name = form.email.value; 
    var name = form.message.value; 

    if (name.length == 0 || name.length > 200) 
    { 
     alert ("You must enter a name."); 
     return false; 
    } 

    if (email.length == 0 || email.length > 200) 
    { 
     alert ("You must enter a email."); 
     return false; 
    } 

    if (message.length == 0) 
    { 
     alert ("You must enter a message."); 
     return false; 
    } 

    return true; 
}

來源

2015-02-05 FaithR

您將分配給變量'name'三次 – Fuzzyma 2015-02-05 22:17:04

它看起來並不像你調用的validate（）函數。嘗試的東西沿着線：

<form method="post" action="contact.php" onsubmit="return validate()">

從W3Schools的關注這個example ......它似乎正是你正在嘗試做的。您從未將值分配給變量。爲表單指定一個名稱（例如，name="myform"），並以示例中的相同方式引用變量。

var name = document.form["myform"]["name"].value;

來源

2015-02-05 22:39:13 Szpok

回覆：表單驗證不起作用

回答

相關問題