要使用jQuery的ValidationEngine,您需要按照以下步骤进行操作:
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script src="https://cdn.jsdelivr.net/jquery.validationengine/2.6.4/jquery.validationEngine.min.js"></script>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/jquery.validationengine/2.6.4/validationEngine.jquery.css">
class="validate[required]"
属性。例如:<input type="text" name="username" class="validate[required]">
validate()
方法来初始化ValidationEngine插件。在页面加载完成后,您可以使用以下代码进行初始化:$(document).ready(function() {
$("form").validate();
});
这将初始化所有带有validate[required]
类的表单字段,并自动应用验证规则。
data-validation-engine
属性。例如,要验证电子邮件字段,您可以将data-validation-engine="validate[required,custom[email]]"
添加到输入字段上,如下所示:<input type="text" name="email" data-validation-engine="validate[required,custom[email]]">
这将强制要求用户在此字段中输入一个有效的电子邮件地址。
validationEngine.validateForm()
方法手动验证整个表单,并使用validationEngine.showPrompt()
方法显示自定义错误消息。这些是使用jQuery的ValidationEngine插件的基本步骤。您可以根据您的需求进行进一步的自定义和配置。