正则表达式之邮箱验证
正则表达式之邮箱验证
在线演示: 验证 document.getElementById("emailyz").onclick=function(){ var email = document.getElementById("emailreg").value; console.log(email); var reg = /^([0-9a-zA-Z_-]+)@([0-9a-zA-Z_-]+)+((\.[0-9a-zA-Z_-]{2,3}){1,2})$/gi; var jieguo = reg.test(email); console.log(jieguo); if(jieguo == true){ document.getElementById("emailp").innerHTML="验证成功!" }else{ document.getElementById("emailp").innerHTML="验证失败!" } } 正则表达式 /^([0-9a-zA-Z-]+)@([0-9a-zA-Z-]+)+((.[0-9a-zA-Z_-]{2,3}){1,2})$/g 实现过程 完整代码 //小程序用户请移步网页端查看,原文链接https://hkiii.cn/?post=84; <body> <input style="width:100%;" id="emailreg" placeholder="请输入一个邮箱地址"/> <p id="emailp"> </p> <button id="emailyz">验证</button> </body> <script> document.getElementById("emailyz").onclick=function(){ var email = document.getElementById("emailreg").value; console.log(email); var reg = /^([0-9a-zA-Z_-]+)@([0-9a-zA-Z_-]+)+((\.[0-9a-zA-Z_-]{2,3}){1,2})$/gi; var jieguo = reg.test(email); console.log(jieguo); if(jieguo == true){ document.getElementById("emailp").innerHTML="验证成功!" }else{ document.getElementById("emailp").innerHTML="验证失败!" } } </script>
 2个月前
PS图像处理之剪贴蒙版
PS图像处理之剪贴蒙版
定义:剪贴蒙版就是相邻的两个图层,使用上面的图层内容覆盖到下面的图层形状上面,可以使用被定义的内容,来限制剪切蒙版图层显示范围和不透明度 特性:剪贴蒙版可以叠加,但优先显示上面的图层,在剪贴蒙版图层上,还可以再创建图层蒙版。 方法:按住ALT键,鼠标放在相邻的两个图层中间,单击就可以创建剪贴蒙版
 2个月前
PS图像处理之渐变、画笔工具
PS图像处理之渐变、画笔工具
油漆桶与渐变工具的使用 油漆桶工具是用于颜色相同或相似的图案或选取中填充“前景色”或“图案”的工具 “渐变”即是单色的过度,可以是多种颜色之间的柔和过度,也可以是同一种颜色不同的透明度之间的过渡。 渐变编辑条 上条:设置不透明度, 下条设置颜色(按住ALT键可以复制色标) 用这种方式可以自己制作渐变样式。 五种类型的渐变 线性渐变,直线渐变,过度均匀 径向渐变,圆形扩散的渐变 角度渐变,自拟角度 顺时针渐变 对称渐变,左右同变,对称 菱形渐变 画笔工具和铅笔工具的使用 这两个工具都属于绘图工具(快捷键B)画笔工具可以绘制平滑且柔软的笔触效果,可以模仿现实生活中的毛笔、水彩笔等进行作画。 键盘上的左右中括号[]调整画笔大小(左小右大) 按住shift键,单击一个点,然后再单击下一个点会形成直线 画笔面板的设置
 3个月前
jquery学习之自动轮播
jquery学习之自动轮播
效果图 请看本站首页轮播图,本人较懒没有写图片轮播的动画效果,需要更多动画效果的可以自己写! 完整代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>博客轮播</title> </head> <style> #ad{ width:100%; display: flex; height: 260px; z-index: 1; box-shadow: #ddd 1px 1px 5px; } .lb{ display: none; width: 100%; height: 260px; } .li{ width: 15px; height: 15px; line-height: 15px; list-style: none; text-align: center; color:rgb(8, 152, 212); border: paleturquoise 1px solid; border-radius: 50%; padding: 3px; z-index: 2; margin-right: 5px; } .id{ background: paleturquoise; } .ceng{ display: flex; float: right; margin-top: -40px; margin-right: 20px; } </style> <body> <div id="ad"> <img class="lb" src="http://hkiii.cn/content/uploadfile/tpl_options//lunbo.jpg"/> <img class="lb" src="http://hkiii.cn/content/uploadfile/tpl_options//lunboii.jpg"/> <img class="lb" src="http://hkiii.cn/content/uploadfile/tpl_options//lunboiiii.jpg"/> </div> <div class="ad"> <ol class="ceng"> <li class="li">1</li> <li class="li">2</li> <li class="li">3</li> </ol> </div> </body> <script src="../jquery.min.js"></script>//这里引入jquery文件,自己去官网下载引入! <script> $('#ad .lb').eq(0).show();//显示第一张图 $('.ad .li').eq(0).addClass('id');//显示第一个指示点 for(var i=0;i<$('.ad li').length;i++){ $('.ad .li').eq(i).attr('abc',i); } var runs = setInterval(run,3000);//设置轮播时长 var num = 0;//初始化 function run(){ $('#ad .lb').eq(num).hide(); //隐藏上一张图片 $('.ad .li').removeClass('id'); //删除一个指示点样式 num++; $('.ad .li').eq(num).addClass('id');//添加一个指示点样式 $('#ad .lb').eq(num).slideDown(1000);//显示下一张图片 if(num>=$('.ad .li').length-1){ num=-1; } } $('.ad .li').mouseover(function(){ $('.ad li').removeClass('id'); //添加一个指示点样式 $(this).addClass('id'); //删除一个指示点样式 $('#ad .lb').hide(); $('#ad .lb').eq($(this).attr('abc')).show(); clearInterval(runs); //停止轮播 }) $('.ad .li').mouseout(function(){ runs = setInterval(run,3000); //重新设置轮播时长 num = $(this).attr('abc'); //获取列表的排序 }) </script> </html>
 3个月前
jsp学习之分层架构
jsp学习之分层架构
单一层 常用于小型或测试项目,优点:速度快等;缺点:代码不能重复等; 三层架构 视图层(view) 控制层(controller) 模型层(model) 1. 三层架构与MVC Servlet的doGet()方法中的分流处理 请求方式(get):UserServlet?op=findAll和UserServlet?op=findByName&name=张三 Servlet的doPost()方法中的分流处理 请求方式(post):UserServlet?op=save和UserServlet?op=updata
 3个月前
晚安!
晚安!
曾经拥有的,不要忘记。不能得到的,更要珍惜。属于自己的,不要放弃。已经失去的,留作回忆。晚安!
 3个月前
网站伪静态化对于SEO有帮助吗
网站伪静态化对于SEO有帮助吗
关于网站伪静态 我们在进行SEO优化时,会看到网站是否为伪静态选项。那么伪静态与静态有什么区别呢?万蓝云今天就和您聊聊伪静态这些事。 1.伪静态与静态的区别 静态与伪静态最大的区别就在于访问的速度。伪静态仍然是通过动态调用服务器实时生成的页面,因此没有可以快速访问的实际文件,但是基于当前的各种缓存,服务已经得到了加速等等。伪静态就是重写网站中动态页面的url,以使动态页面的参数变为静态。实际上,该页面实际上不在服务器上。实际(纯)静态页面是存在于实际网站的服务器空间中的静态页面文件,例如html或htm。它直接加载到浏览器中,而无需服务器进行编译。 2.伪静态方法对SEO的好处 实际上,伪静态网站的主要好处是在网站优化中符合搜索引擎的抓取规则,从而对搜索引擎友好,并获得更好的网络推广效果。第二,明确网站的URL链接,以方便用户浏览和分享。由于它是伪静态的,即网站试图通过数据库调用生成的页面,因此网站中的URL链接也是具有各种参数的链接,这对于传播和共享非常不利。页面将具有固定的URL,并且页面的URL将具有后缀的通用格式(例如.htm,.html,.shtml),并且没有诸如“?”之类的符号。 3.如何优化网站的伪静态 虽然看起来很难,但是其实这是一项非常简单的工作。实际上,这主要取决于网站和服务器环境的动态规则。一般我们如果想要让伪静态加载的更快,那么最好服务器使用Linux系统。可以采用一些CDN,缓存等操作加快网站的加载速度。 相信你看完了这篇文章对于伪静态有了新的认识,伪静态有利于SEO优化,希望对您有所帮助。 转自:万蓝云
 3个月前

Theme By Brief 鄂ICP备19010459号
sitemap