jQuery表单正则校验(邮箱、手机号、身份证)

→邮箱校验需输入@.符号        例如:@Gmail.com

→手机号校验需开头以1开头的11位纯数字

→身份证校验需18位纯数字

★效果图如下

→ NO : 提交按钮

→ OFF :清空输入框内容

★CSS

<style>
    ul li{
        list-style-type: none;
        height: 50px;
    }
    form ul:last-child input{
        background-image: -webkit-linear-gradient(darksalmon,#527590);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        border: none;
    }
    form ul:first-child input{
        background-image: -webkit-linear-gradient(darksalmon,#527590);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        border-radius: 10px;
        border: 1px #527590 solid;