首页jquery表单验证身份证

jquery表单验证身份证

时间: 2023-10-25 22:01:50 浏览: 157

你可以使用 jQuery 来对身份证进行表单验证。以下是一个简单的示例代码： ```html <!DOCTYPE html> <html> <head> <title>身份证验证</title> <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script> <script> $(document).ready(function() { $("#idCardForm").submit(function(event) { event.preventDefault(); // 阻止表单提交 var idCard = $("#idCard").val(); if (validateIdCard(idCard)) { alert("身份证号码格式正确！"); // 在这里可以继续处理表单提交 } else { alert("身份证号码格式错误！"); } }); function validateIdCard(idCard) { // 身份证号码正则表达式 var reg = /(^\d{15}$)|(^\d{17}([0-9]|X)$)/; return reg.test(idCard); } }); </script> </head> <body> <form id="idCardForm"> <label for="idCard">身份证号码:</label> <input type="text" id="idCard" name="idCard"> <br> <input type="submit" value="提交"> </form> </body> </html> ``` 在上述代码中，我们首先引入了 jQuery 库。然后，在页面加载完成时，我们给表单的提交事件绑定了一个处理函数。在处理函数中，我们获取了输入的身份证号码，并调用 `validateIdCard` 函数进行验证。`validateIdCard` 函数使用正则表达式进行验证，判断身份证号码是否符合规则。如果验证通过，弹出提示框显示正确；否则，弹出提示框显示错误。这只是一个简单的示例，你可以根据需要进行扩展和优化。

阅读全文