我可以有多个数据规则属性吗？

Question

我可以有多个数据规则属性吗？ 我有联系表，其中某些字段已经具有“数据规则”（例如，等于它们的名称），我需要使这些字段成为必需。

我可以在这里添加

<input class="form-control input-phone" type="text" name="phone" data-rule="phone" placeholder="Enter your phone (with country code) or Skype">

如果已经有data-rule="phone"则为data-rule="required" data-rule="phone"

Answer 1

在这种情况下，代码段会很有用，但是如果您使用的是标准格式，例如

<form>
     <input type="text" required />
     <button>Submit</button>
</form>

必需标签不应让空值被提交。 您也可以使用

required="required"

如果不使用HTML5。

希望这可以帮助。

Answer 2

您可以做两件事-

1. 在html标记中添加required属性。
2. 在您的html标记中添加data-*规则，并使用JavaScript对其进行验证。

是的，您可以添加多个data- *规则。 只要确保他们没有相同的名字。

这是有效的-

<input type="text" data-required="true" data-id="3" required>

这没有用-

<input type="text" data-required="true" data-id="3" data-id="5" required>

如果这样做，遇到的第一个属性将始终保留其值。