Re: Проверка формы не работает

Question

Я новичок в отношении бэкэнд-технологий и хочу поблагодарить вас за ваше терпение раньше времени. Я разрабатываю сайт с php includes, в котором одна ссылка является контактной формой (см. Ниже). Мне нужны поля в формах для проверки с помощью 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; 
} 

Answer 1

Он не похож на ваш вызов функции Validate(). Попробуйте что-то вдоль линий:

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

Следить за example от W3Schools ... это, кажется, именно то, что вы пытаетесь сделать. Вы никогда не назначали значения для переменных. Назначьте имя форме (например, name="myform") и укажите переменные таким же образом в примере.

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