JQuery IP驗證碼是一種驗證網站用戶輸入的IP地址合法性的工具,可以有效防止非法IP訪問。下面我們來使用jQuery IP驗證碼驗證一個輸入框中的IP地址是否合法:
<!--html代碼--> <input type="text" id="ip" name="ip"> <input type="button" value="驗證" id="check_ip"> <!--JavaScript代碼--> <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> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-validate/1.19.3/additional-methods.min.js"></script> <script> $(document).ready(function(){ $("#check_ip").click(function(){ var ip=$('#ip').val(); if($('#ip').valid()){ alert("IP地址合法!"); } else { alert("IP地址不合法!"); } }); $.validator.addMethod("ip", function(value, element) { return this.optional(element) || /^\d{1,3}\.\d{1,3}\.\d{1,3}\.\d{1,3}$/.test(value); }, "IP地址格式不正確"); $('#ip').rules("add", { ip: true }); }); </script>
在HTML代碼中,我們設置了一個輸入框和一個按鈕,當用戶點擊按鈕時,會觸發JavaScript代碼中的驗證函數。在JavaScript代碼中,我們使用jQuery的validate插件來實現IP地址驗證功能,我們首先添加了自定義IP驗證方法,并將該方法添加到“rules”中。之后,我們使用“valid”方法來檢查輸入的IP地址是否合法,并做出相應的提示。如果輸入的IP地址不合法,我們彈出“IP地址不合法”的提示對話框;如果輸入的IP地址合法,則彈出“IP地址合法”的提示對話框。