忽略jquery验证插件中的默认文本

Question

我正在使用jquery验证插件(bassistance.de/jquery-plugins/jquery-plugin-validation/id)进行一些客户端表单验证。这个插件运行得很好，但我不知道如何强制它忽略文本区域中的一些默认文本。

<form action="#" id="landingForm">
<p>
<textarea id="askTexarea" class="required textarea" name="askTextarea" cols="7" rows="3">THIS IS THE DEFAULT TEXT</textarea>
</p>
<p>
<label for="askExpert">Pick an Expert:</label>
<select id="askExpert" class="required select" name="askExpert">
    <option></option>
    <option>CHOICE 1</option>
    <option>CHOICE 2</option>
    <option>CHOICE 3</option>
</select>
</p>
<p class="email">
<label for="askEmail">Enter your email address:</label>
<input id="askEmail" class="required email" name="email" />
</p>
<p class="submit">
<input class="submit" type="submit" value="Ask a Question" />
</p>
</form>

您将注意到，在第一个文本区域中有默认文本。有没有人知道如何让验证插件忽略此文本，如果用户提交的表单包含此默认文本或文本区域为空，则认为此文本无效？

提前感谢您的帮助！

Answer 1

您可以添加一个检查默认文本的custom method：

$.validator.addMethod("defaulText", function(value, element) {
  return this.optional(element) || element[0].defaultText != value;
}, "Please replace the default text");

我还没有测试这个实现-如果element.defaultText没有给出正确的值，用一个内联字符串替换它。

Answer 2

正如我在您的问题中所看到的，您试图对“默认文本”执行的操作是显示一个占位符--提示用户输入文本，而不是要发送到服务器的值。

在这种情况下，最好使用HTML5占位符属性。