jquery - 如何设置我需要的表单字段的样式？

Question

我的页面上有一个表单并使用来自 http://jqueryvalidation.org 的 jQuery 验证插件如果未提供，它会在表单字段下显示错误。

我想知道如何设置这些错误的样式？我基本上希望错误显示在实际字段内部，并且文本是某种颜色。我该怎么做？

这是我的网页 http://geofilterme.com/makemeone/

<form id="form" class="topBefore" method="post" action="thankyou.php">
      <input id="name" type="text" name="sender" placeholder="Name" required="">
          <input id="email" type="email" name="senderEmail" placeholder="E-mail" required="">
      <input id="snapchat" type="text" name="snapchat" placeholder="Snapchat username">
      <input id="reach" type="text" name="reach" placeholder="Estimated reach (number of people)" required="">
          <textarea id="message" type="text" name="message" placeholder="Describe what you want on the geofilter, and what it&#8217s for:" required=""></textarea>
      <input id="submit" type="submit" name="submit" value="SUBMIT">
    </form>

Answer 1

首先，您必须搜索 javascript 验证文件，在某行代码中，它会告诉您将哪个类用于所有错误元素，并为每个使用您提供的 ID 进行验证的元素创建一个特定的 ID。

例如如果您为您的元素指定了一个 ID 为“email”，它将采用该 ID 并创建一个 label 元素来保存 ID 为“email-error”的错误。

在 jquery.validate.js 中执行此操作的代码是这样的

// Create error element
error = $( "<" + this.settings.errorElement + ">" )
    .attr( "id", elementID + "-error" )
    .addClass( this.settings.errorClass )
    .html( message || "" );

因此在您的情况下，错误的个人 ID 和类别是:

编号:电子邮件错误、到达错误、消息错误

类:错误

或者您可以使用一些可以帮助您的工具，例如 firebug、浏览器开发工具等。

在你提问之前，请先多搜索一下你自己。