运用jQuery和bootstrap框架编写的失去焦点验证登入

Rinoon

于 2021-04-26 14:19:45 发布

阅读量456

点赞数 2

文章标签： jquery css html5 前端 bootstrap

本文链接：https://blog.csdn.net/Rinoon/article/details/116154420

版权

<!DOCTYPE html>
<html>
   <head>
       <meta charset="utf-8">
       <title></title>
       <link rel="stylesheet" type="text/css" href="../css/bootstrap.css"/>
       <script src="../js/jquery.js" type="text/javascript" charset="UTF-8"></script>
       <script>
           $(function(){
               //验证邮箱的正则表达式
               var stre = /^[a-z0-9]+([._\\-]*[a-z0-9])*@([a-z0-9]+[-a-z0-9]*[a-z0-9]+.){1,63}[a-z0-9]+$/;
               //验证输入字符为6-12位的正则
               var strp = /\w{6,12}/;
               //验证输入的是否为中文的正则
               let strd = /^[\u4E00-\u9FA5\uF900-\uFA2D]*$/;


               //验证邮箱
               $("#email").blur(function(){
                   var email = $("#email").val();
                       if(email.length === 0){
                           //添加错误的提示图标
                           $("#e").addClass("glyphicon glyphicon-remove form-control-feedback");

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

Rinoon

关注关注

2
点赞
踩
1

收藏

觉得还不错? 一键收藏
2
评论
运用jQuery和bootstrap框架编写的失去焦点验证登入

<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <link rel="stylesheet" type="text/css" href="../css/bootstrap.css"/> <script src="../js/jquery.js" type="t...
复制链接

扫一扫