Jquery 内联消息和验证

Posted 2023-05-09

【中文标题】Jquery 内联消息和验证

【英文标题】：Jquery in-line messages and validation

【发布时间】：2012-11-22 14:23:10

【问题描述】：

是否可以在表单中为每个元素添加自定义消息，但是否内联？例如：

<input type="text" name="mybox" id="mybox" class="required" requiredmessage="This is my custom message." />

我知道你可以使用：

$('#myForm').validate();

设置自定义消息，但想知道我是否能够像我在规则中那样内联？

【问题讨论】：

您可以在 html5 中使用自定义数据属性。例如 data-requiredMessage="这是我的自定义消息"。有什么规定？

只是笼统地说，适用于所有规则。如果我可以为元素本身的每个错误设置自定义消息，则不想为每个表单编写额外的 javascript。

【参考方案1】：

您需要做的就是将自定义消息设置为标题属性。因此，例如，您可以执行以下操作：

<input type="text" class="required" title="This is my custom message." />

希望对你有帮助。

迈克尔

【参考方案2】：

您可以执行以下操作：

<input type="text" name="mybox" id="mybox" class="required" data-msg-required="This is my custom message." />