要自定義 jQuery Validate 的錯(cuò)誤提示信息,您需要遵循以下步驟:
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-validate/1.19.3/jquery.validate.min.js"></script>
<form id="myForm">
<label for="username">用戶名:</label>
<input type="text" id="username" name="username" required>
<br>
<label for="email">郵箱:</label>
<input type="email" id="email" name="email" required>
<br>
<input type="submit" value="提交">
</form>
validate()
方法初始化驗(yàn)證規(guī)則。要自定義錯(cuò)誤提示信息,您需要設(shè)置 rules
和 messages
選項(xiàng)。例如:$(document).ready(function() {
$("#myForm").validate({
rules: {
username: {
required: true,
minlength: 5
},
email: {
required: true,
email: true
}
},
messages: {
username: {
required: "請(qǐng)輸入用戶名",
minlength: "用戶名至少需要5個(gè)字符"
},
email: {
required: "請(qǐng)輸入郵箱地址",
email: "請(qǐng)輸入有效的郵箱地址"
}
}
});
});
在上面的示例中,我們?yōu)?username
和 email
輸入字段定義了驗(yàn)證規(guī)則(如 required
和 minlength
),并為每個(gè)規(guī)則設(shè)置了自定義的錯(cuò)誤提示信息。當(dāng)用戶提交表單時(shí),將顯示這些自定義的錯(cuò)誤提示信息。