jQuery Validate是一個用于表單驗證的jQuery插件。它提供了一組簡單易用的方法,可以對表單進行驗證,包括驗證必填字段、驗證郵箱、驗證手機號碼等。
使用jQuery Validate進行表單驗證的方法如下:
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script src="https://cdn.jsdelivr.net/jquery.validation/1.16.0/jquery.validate.min.js"></script>
<form id="myForm">
<input type="text" name="username" required>
<input type="email" name="email" required>
<input type="tel" name="phone" required>
<input type="submit" value="Submit">
</form>
$(document).ready(function() {
$('#myForm').validate({
rules: {
username: {
required: true
},
email: {
required: true,
email: true
},
phone: {
required: true,
digits: true
}
},
messages: {
username: {
required: "請輸入用戶名"
},
email: {
required: "請輸入郵箱",
email: "請輸入有效的郵箱地址"
},
phone: {
required: "請輸入手機號碼",
digits: "請輸入有效的手機號碼"
}
},
submitHandler: function(form) {
form.submit();
}
});
});
在上述代碼中,rules
對象用于配置驗證規則,messages
對象用于配置錯誤提示信息。submitHandler
函數用于在驗證通過后提交表單。
以上就是使用jQuery Validate進行表單驗證的方法。