前端placeholder与正则表达式冲突

2024-09-02

兼容的placeholder属性

作为一个.net后台开发的程序猿,博客里既然大多都是前端相关的博文.是不是该考虑换方向了,转前端开发得了 ... 小小吐槽一下,近期受该不该跳槽所困惑,我有选择困难症! 继续前端,这次说一下输入框 placeholder 这个属性. html5 的新属性,就是在输入框没输入值的时候,显示的提示文字(自己的理解),例如: 貌似很好用,但也只能在支持 html 的浏览器版本中显示,而对于不能支持的浏览器版本,让我这种极力追求完美的开发者来说是很不舒服的一件事. 上网找了很多资料,有很多大牛人都已经有

前端js常用正则表达式实例讲解

本文内容整理自他人优秀的博客,非纯原创.仅借此学习和整理. 1.匹配用户名规则描述: 长度4-6位: {4,16} 字母: [a-z] [A-Z] 数字: [0-9] 下划线: [_] 减号: [-] var usernameReg = /^[a-zA-Z0-9_-]{4,16}$/; 代码分析: ^: 匹配字符串的开始位置 []: 中括号表达式,字符集合,匹配所包含的任意一个字符 [xyz] :字符集合,匹配所包含的任意一个字符 [^xyz] :负值字符集合,匹配未包含的任意字符 -:a-z

jquery正则表达式验证：验证身份证号码

需求说明: 前端页面使用正则表达式验证文本输入框输入的身份证号码是否符合规则. 代码说明: 这里只介绍正则表达式部分,其他部分的代码不做介绍.如有其它需求请自行修改即可. 步骤一:建立一个页面可以是html.jsp等,引入jquery-3.2.1.min.js(其他版本亦可). 步骤二:编写正则表达式. 代码部分如下: //这里默认页面加载时验证输入数据$(function () { var value="23066619891213C03X"; if(idcard(value)){

JS正则表达式入门，看这篇就够了

前言在正文开始前,先说说正则表达式是什么,为什么要用正则表达式?正则表达式在我个人看来就是一个浏览器可以识别的规则,有了这个规则,浏览器就可以帮我们判断某些字符是否符合我们的要求.但是,我们为什么要使用正则表达式呢?下面我们就看一下下面这个业务场景. 验证QQ号的合法性 /** *合法qq号规则:1.5-15位:2.全是数字:3.不以0开头 */ //1.在不使用正则表达式的时候,我们可能会这样判断QQ号的合法性 var qq="6666666a6666"; if(qq.length

NPM 与前端包管理

我们很清楚,前端资源及其依赖管理一直是 npm 的重度使用场景,同时这也一直是 Node.js 普及的重要推动力.但这类应用场景到底有多重度?这是一个很难回答的问题.这份 “npm 最常下载的包的清单” 并不能提供有效的证据:因为像 async.minimist 和 request 这样的包就像是 “生活必需品”,它们会被数以千计的其它包所依赖,这样一来它们当然会随着那些依赖它们的包一起被不停地下载. 更有意义也更接近真相的问题是:哪些包是人们主动安装的?所谓 “主动安装”,就是指某个人(或某

vue.js与后台模板引擎“双花括号”冲突时的解决办法

后台渲染模板如swig,也使用“{{ }}“作为渲染,与前端vue的产生冲突,此时只要在新建Vue对象时,添加delimiters: ['${', '}'],就搞定了,代码如下 <!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=d

Oracle数据库正则表达式

正则表达式: 无论是在前端还是后台正则表达式都是一个至关重要的知识点,例如判断一个手机号码输入是否正确,如果使用Java.C或者其他语言进行字符串进行判断,也许写几十行代码都不一定能解决,而且漏洞百出,而使用正则表达式,一行代码则可轻易解决,下面是举例说明正则表达式的用法: 1: \d 代表一个(阿拉伯数字) 任意数字例如:判断用户输入的是否为11位数字(当然手机号码是不能这么简答的表达,只是解释一下\d的用法) select 'ok' from dual where regexp_like(

【Alpha阶段】第一次Scrum例会

个人任务报告姓名昨日已完成任务明日计划任务工作困难岳桐宇 #20 撰写网站用户界面与体验改进方案文档无 1. 与邓楚云的制定前端工作流程产生冲突,发生了不愉快的情况,最后在整个团队协商的情况下得以解决. 冯炜韬 #14 学习掌握Web后端技术 #15 阅读分析PhyLab后端代码与文档#17 协商预估PhyLab后端开发时长 1. 由于参见ACM比赛,有近3天时间无法工作. 杨子琛 #10 学习掌握Web后端开发和脚本技术#12 阅读分析PhyLab后端代码与文档 #11 阅读分析P

html5应用程序标签

一.html5应用程序标签 (1)datalist需要数据载体 input list属性指向数据源 <input type="text" list="input_list"> $ datalist是数据源 <datalist id="input_list"> <option value="老王"></option> <option value="老

lavarel模板引擎blade学习

blade 模板学习特点主要的两个优点是:模板继承和区块继承页面布局布局文件(layout.php) + 详情文件 (page.php) 的组合,即一般到具体的组合.在blade文件之中的体现为: 在详情视图文件之中"继承"布局文件.如: 在详情文件(page.php)头部使用命令@extend("layout.php") 在yii或handbar模版之中,都有占位符,同样地也类似于vue之中的父子组件之间的传值,在blade模版之中,在父模版之中@yiel

js 杂谈

js解释器有自己的内存管理机制(垃圾回收:自动回收无引用指向对象) js采用一种数字类型(64位浮点数),100与1e2完全相等条件判断是被当为假的值:false.null.undefined.‘’.0.NaN Infinity 属性用于存放表示正无穷大的数值.-Infinity 属性用于存放表示负无穷大的数值数字.字符串.布尔值不可变,不是对象,对象是可变的键控集合(如:数组.函数.正则表达式.对象). NaN!==NaN (不等于自己的数) isNaN() (NaN或者非数字如对

第86天：HTML5应用程序标签和智能表单

一.HTML5应用程序标签 1.datalist需要数据载体 input list属性指向数据源 2.progress进度条 -webkit-appearance: none; /*如果要改默认样式要先取消默认样式 */ .my-progress::-moz-progress-bar { /*选中背景元素*/ /*兼容火狐浏览器*/ yellow; } .my-progress::-webkit-progress-bar { /*拿到progress的-webkit-pro

Lucene.Net 优化索引生成，即搜索显示优化

最近发现站内搜索引擎响应速度很慢,因为刚来公司之前技术员跑了源码什么的都没留下.只好自己手动破解源代码dll查找问题所在! 这个问题代码就暂时不贴了这里只写思路原逻辑:经过整体分析后发现之前是使用 Lucene.Net 生成索引文本文档 ,搜索调用生成后的数据显示 . 问题所在:由于数据量庞大又是全站数据生成,导致生成文本数据过大,生成速度慢,用的Lucene.Net还是老版本生成过程和前端调用文件产生冲突导致生成报错,还有就是访问量大导致Io顶不住分析发现由于对每个分类进行全字段进行保存索

【SpringMVC学习10】SpringMVC对RESTfull的支持

RESTful架构,就是目前流行的一种互联网软件架构.它结构清晰.符合标准.易于理解.扩展方便,所以正得到越来越多网站的采用.RESTful架构对url进行规范,写RESTful格式的url是什么样子的呢?我们一般请求的url是类似这样子的: http://...../xxx.action?id=001&type=aaa 而REST的url风格是什么样子呢?一般它类似于: http://..../xxx/001 所以REST有个很明显的特点:使url变得简洁,将参数通过url传到服务端.sp

web开发资源导航

实用工具前端在线工具兼容性速查 html5兼容性查询 node-es6支持度 es6兼容性表查询设备es6支持度游览器H5支持度浏览器内核检测工具手机设备信息检测浏览器市场份额文档手册 W3C中国 W3C国内镜像 HTML5 - MDN JavaScript - MDN ECMAScript规范 es6使用对照手册 w3school 菜鸟教程现代 Javascript 教程 Javascript备忘录手册 JavaScript参考手册 JavaScript 全局对象 JavaS

git使用笔记（第一次）

背景:公司基于微服务的架构,前端的服务web只有一个.在并行完成不同需求的测试任务时,该服务会拉出不同分支,此时会碰到sit环境与其他测试小伙伴部署冲突的问题.解释下.需求1对应的服务web的A分支,需求2对应的服务web的B分支:当两个分支上没有对方的特性时,两个测试人员又希望在sit环境部署并完成测试任务时,就产生了冲突.基于以上情况,希望在本地部署web的代码,并将sit环境的接口地址配置进去,这样就通过前后端部署解耦的方式实现了前端不同分支部署冲突的问题,测试人员只需要在前端提测时将对应

【宝塔面板】centOS部署前后端分离所有遇到的坑,Django

1:刚刚买完服务器,在宝塔面板安装完一切工具,Django顺利运行后(不能运行一般是起了中文名) # 问题:想迁移数据库,结果发现-bash: python3: command not found# 解决:系统版本的Python是3.7.8 卸载不了,所以你只需要安装个3.7.2的版本即可,迁移命令后python的命令变为:/root/.pyenv/versions/3.7.2/bin/python -V# 问题:命名安装完依赖包为什么输入/root/.pyenv/versions/3.7.2/

Python之路-(js正则表达式、前端页面的模板套用、Django基础）

js正则表达式前端页面的模板套用 Django基础 js正则表达式: 1.定义正则表达式 /.../ 用于定义正则表达式 /.../g 表示全局匹配 /.../i 表示不区分大小写 /.../m 表示多行匹配登录注册验证: test: 判断字符串是否符合规定的规则 rep = /\d+/; (定义规则) rep.test('') (引号里面必须包含字母和数字才返回true,否则为false) rep = /^\d+$/; (只有是纯数字时候才返回true,否则是false) exe

关于引入多个jquery冲突的问题（附一个很好用的validate前端验证框架及使用方法）

废话不多说,进入正题: 如果一个jsp中想要使用两个不同版本的jquery怎么办呢?客官往下看: <script src="${ctxStatic}/jquery/jquery-1.8.3.min.js" type="text/javascript"></script> <script src="${ctxStatic}/formValidator.2.5.2/js/jquery-1.6.min.js" type=&

前端笔记之JavaScript（六）让人头疼的正则表达式

一.正则表达式 1.1正则概述和体验正则表达式是被用来匹配字符串中的字符组合的模式,常用来做表单验证.在JavaScript中,正则表达式也是对象,是一种引用类型. 案例:正确输入一个电话号码,010-12345678,用户输入正确返回“对”,错误返回“错” var tel = prompt("请输入电话号码"); var reg = /^\d{3}-\d{8}$/; if(reg.test(tel)){ alert("对"); }else{ alert(&quo

前端 html input标签 placeholder属性标签上显示内容

前端 html input标签的placeholder属性标签上显示内容 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <div style="width: 600px;margin: auto&q

前端placeholder与正则表达式冲突

热门专题