小编Sop*_*hie的帖子

我需要使用JavaScript验证我的表单,因为iPhone/Safari无法识别该required属性.我希望在每个空input字段下方显示单独的错误消息.

我的代码有效,但填写字段时,单个错误消息不会消失.此外,我希望所有消息最初出现,对于所有空字段(不是一个一个).抱歉,我对JavaScript非常陌生.

我的HTML:

<form onsubmit="return validateForm()" method="post" action="form.php" name="english_registration_form" id="english_registration_form">
        <input type="text" id="name" name="name" aria-describedby="name-format" required placeholder="Name">
        <span class="error"><p id="name_error"></p></span>
        <input type="email" id="email" name="email" required placeholder="Email">
        <span class="error"><p id="email_error"></p></span>
        <input type="tel" id="telephone" name="telephone" required placeholder="Telephone">
        <span class="error"><p id="telephone_error"></p></span>
        <button class="register_button" type="submit" value="submit">Register Now</button>
    </form>

我的JavaScript:

<script>
function validateForm() {
var x = document.forms["english_registration_form"]["name"].value;
var y = document.forms["english_registration_form"]["email"].value;
var z = document.forms["english_registration_form"]["telephone"].value;

if (x == null || x == "") {
    nameError = "Please enter your name"; …