表单验证身份证

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

原创

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

0 ·

CC 4.0 BY-SA版权

文章标签：

#html #前端 #javascript #jquery

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

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">
                        <input type="submit" id="submit" value="验证" />
                        <input type="reset" id="reset" value="重置" />

最低0.47元/天解锁文章