要使用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插件的基本步驟。您可以根據您的需求進行進一步的自定義和配置。