Cara menggunakan jquery mengesahkan pengesahan tersuai

jquery mengesahkan langkah pengesahan tersuai: 1. Memperkenalkan perpustakaan jQuery dan jQuery mengesahkan pustaka pemalam 2. Tulis kod borang HTML dan tambah kelas dan peraturan pengesahan tersuai untuk medan yang perlu disahkan; -in dalam JavaScript , dan tambahkan kaedah pengesahan tersuai; 4.

Langkah-langkah untuk menggunakan pengesahan jQuery untuk menyesuaikan pengesahan adalah seperti berikut:

1.

<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>

2. Tulis kod borang HTML dan tambah kelas dan peraturan pengesahan tersuai untuk medan yang perlu disahkan.

<form id="myForm">
<input type="text" name="username" class="required">
<input type="text" name="age" class="required customNumber">
<input type="submit" value="Submit">
</form>

3 Mulakan pemalam pengesahan dalam JavaScript dan tambahkan kaedah pengesahan tersuai.

$(document).ready(function () {
// 验证规则
$.validator.addMethod("customNumber", function (value, element) {
return /^[-+]?(\d+|\d+\.\d*|\d*\.\d+)$/.test(value);
}, "请输入有效的数字");
// 初始化validate插件
$("#myForm").validate();
});

4 Pilihan: Sesuaikan mesej ralat pengesahan.

$(document).ready(function () {
// 自定义错误提示信息
$.extend($.validator.messages, {
required: "该字段不能为空",
customNumber: "请输入有效的数字"
});
// 初始化validate插件
$("#myForm").validate();
});

Kini, apabila pengguna menyerahkan borang, pengesahan jQuery akan mengesahkan secara automatik sama ada setiap medan mematuhi peraturan dan memaparkan mesej ralat yang sepadan. Kaedah pengesahan tersuai akan mengesahkan berdasarkan peraturan pengesahan tersuai dan memaparkan mesej ralat tersuai

Atas ialah kandungan terperinci Cara menggunakan jquery mengesahkan pengesahan tersuai. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!