Question

我正在使用jQuery验证插件，并且错误以块形式显示，这很好，但我希望错误消息显示在输入的顶部，验证指定需要更正。

这就是它的样子：

我尝试指定margin-top，将其设为0.我还试图制作vertical-align: top;。

我在下面的评论中包含一个jsfiddle，以便使用外部插件来演示。

有谁看到我能做什么？

Answer 1

你不必使用任何插件。只需要jquery。我已经为第一个字段（名称）创建了一个示例，你可以做其他类似的事情并且可以改变你的风格。 this.hope这将有所帮助

<!DOCTYPE html>
<html>
<head>
    <title></title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>

<style type="text/css">
 .errormessageOne{
    display: none;
    color: red;
 }  

</style>


</head>
<body>

<div class="fieldOne">
    <h3 class="errormessageOne">please enter your name here</h3>
    <input type="text" id="name"/>
</div>

<div class="submit">
    <button id="send">submit</button>
</div>

<script type="text/javascript">
    $("#send").click(function(){
        if ($("#name").val()=="" || $("#name").val()== null)
         {
            $(".errormessageOne").show(500);
         };
    });
</script>

</body>
</html>

如何在输入上显示jQuery验证错误

1 个答案: