表单验证身份证

最新推荐文章于 2024-01-04 11:40:29 发布

lu__lala

最新推荐文章于 2024-01-04 11:40:29 发布

阅读量625

点赞数

文章标签： html 前端 javascript jquery

本文链接：https://blog.csdn.net/lu__lala/article/details/121021768

版权

本文介绍了如何在前端使用JavaScript和jQuery进行表单验证，重点讲解了在输入框失去焦点时检查身份证号码正确性的代码实现。

摘要由CSDN通过智能技术生成

1.实现失去焦点时验证身份证是否正确

实现代码如下：

<!DOCTYPE html>
<html>

<head lang="en">
    <meta charset="UTF-8">
    <title>居民身份证号码验证</title>
    <link href="./css/style.css" rel="stylesheet" type="text/css">
    <script src="js/jquery.js"></script>
</head>

<body class="body">

    <div class="warp">

        <form>
            <div class="form" id="form" name="myform" action="#" method="get">
                <div class="form-title">
                    <span>居民身份证号码验证</span>
                </div>
                <div class="form-main">
                    <div class="form-list">
                        <span>身份证号码</span>
                        <div class="form-text">
                            <input type="text" id="idcard" />
                        </div>
                        <b id="idcard_msg"></b>
                    </div>
                    <div class="submit"