xhtml обязательные поля контактной формы?

Question

У меня есть поля формы HTML на странице контактов, которые затем отправляют данные на страницу php.

Я хотел бы сделать поля формы обязательными и показать красный (*) рядом с меткой, если пользователь не вводит значение.

Как я могу это сделать?

<form id="contact_form" method="post" action="contact.php">

    <p style="margin-top:20px">
        <label for="title">Title</label><br/>
        <input id="your_name" name="your_name" type="text" style="width:94%"/>
    </p>

    <p style="margin-top:20px">
        <label for="initial">Initial</label><br/>
        <input id="initial" name="initial" type="text" style="width:94%"/>
    </p>
    <p style="margin-top:20px">
        <label for="surname">Surname</label><br/>
        <input id="surname" name="surname" type="text" style="width:94%"/>
    </p>
        <p style="margin-top:20px">
        <label for="tel_number">Tel number</label><br/>
        <input id="tel_number" name="tel_number" type="text" style="width:94%"/>
    </p>
    <p style="margin-top:20px">
        <label for="email">Email</label><br/>
        <input id="email" name="email" type="text" style="width:94%"/>
    </p>

    <p style="margin-top:20px">
        <label for="enquiry">Enquiry</label><br/>
        <textarea id="enquiry" name="enquiry" rows="7" cols="10" style="width:94%"></textarea>
    </p>

    <p style="margin-top:50px">
        <input type="submit" value="Send Message"/><br/>
    </p>

</form>

Answer 1

Вам нужно будет поместить форму в php-файл (или .phtml рекомендуется *).Добавьте класс css, например .input-error.

.input-error { color: red; }

. В вашей форме вам потребуется нечто подобное для каждого поля:

if (empty($postData['field']) {
    echo "<span class=\"input-error\">*</span>";
}

.1009 *

<p style="margin-top:20px">
    <?php if (empty($postData['your_name']): ?>
        <span class="input-error">*</span>
    <?php endif; ?>
    <label for="title">Title</label><br/>
    <input id="your_name" name="your_name" type="text" style="width:94%"/>
</p>

Форма должна быть отправлена ​​в php-файл, который обработает форму и вернет вас на эту страницу.В этом файле вам потребуется строка, подобная этой:

$postData = $_POST;

Или, если этот скрипт перенаправляет на другую страницу, вам нужно будет сохранить данные записи в сеансе.как:

$_SESSION['postData'] = $_POST;

В этом случае, в верхней части вашей формы или где-то в контроллере (если есть), получить эти данные следующим образом: