0

对于大学作业，我需要在发布之前验证我的表格。发生错误时，需要在与错误输入字段相同的块中有文本消息（因此不会弹出消息）。我不太擅长 JavaScript，所以我真的可以使用一些帮助。

这是我的html

<div id="form">
    <form name="myForm" method="post"  >
    <p class="head">Deelnemer</p>
        <fieldset id="deelnemer">
            <label class="title">Naam:</label>
                <input type="text" id="txtName" name="txtName" size="15"/>                
        </fieldset>
    <p class="head">Opmerkingen</p>
        <fieldset id="opmerkingen">
            <textarea name="opmerkingen" rows="5" cols="40"></textarea>
        </fieldset>
    <p id="button"> 
        <input type="submit" name="submit" value="Aanmelden" onclick="validate()"/>
    </p>
</form>

到目前为止我的Javascript（这显示了一个弹出消息）

function validate()
        {
 var userName = document.getElementById("txtName").value;
 if (userName.length == 0)
  {
    alert("Please, enter your name");
    return false;
  }
 else
  {
    alert("Thank you, " + userName);
  }
}

我希望有人能给我一个答案！谢谢

4

1 回答 1

0

那么，您想要的只是在带有错误的文本字段附近显示一条消息？

为此，您只需要稍微修改一下您的 htm 和 js：

<p class="head">Deelnemer</p>

    <fieldset id="deelnemer">

        <label class="title">Naam:</label>
            <input type="text" id="txtName" name="txtName" size="15"/>
            <div id="txtNameError" style="display: none;">Please, enter your name</div>
<p class="head">Opmerkingen</p>
    <fieldset id="opmerkingen">
        <textarea name="opmerkingen" rows="5" cols="40">

        </textarea>
    </fieldset>

<p id="button"> 
    <input type="submit" name="submit" value="Aanmelden" onclick="validate()"/>
    </p>
</form>

并且，在您的 js 文件中，您将警报替换为您需要显示的 id：

 {

    var userName = document.getElementById("txtName").value;


    if (userName.length == 0)

    {

    /*alert("Please, enter your name");*/
    document.getElementById("txtNameError").style.display = "block";

    return false;

    }

    else

    {

    alert("Thank you, " + userName);

    }

    }
于 2013-10-16T12:51:33.930 回答