
Html
w霆h禹y
这个作者很懒,什么都没留下…
展开
-
js监听离开或刷新页面时的弹窗提示
一、使用场景。填写表单时内容,当离开页面或者刷新的时候回丢失页面的内容,因此人性化的设计该有一个提示。所以这样的功能也就应用而生了。二、思路。1,页面内容改变。2,离开或刷新浏览器触发事件。三、知识点。1,如图需要填写内容的地方(即会发生改变的地方)包括input[radio],input[text],select,textarea几种。2,触发事件选用onchange。3...转载 2019-09-25 11:52:41 · 2909 阅读 · 0 评论 -
JS的toFixed方法
toFixed() 方法可把 Number 四舍五入为指定小数位数的数字。通俗点就是传入的参数是几,那么我们的小数就保留几位。eg: alert(0.056.toFixed(2));–>0.06但是使用过程中发现了一个小问题 ,就是0.0056.toFixed(2)结果却为0.00遂重写toFixed()代码如下://重写toFixed方法 Number.proto...转载 2019-09-24 11:09:01 · 4734 阅读 · 1 评论 -
阿拉伯数字跟中文汉字互转js
有些时候需要用到阿拉伯数字转中文汉字的需求,阿拉伯数字在代码上比较好操作,比如++,–等操作,加上jsp里的foreach标签,status里可以知道当前行号,但是页面需要显示中文汉字,如第1阶段,第2阶段变成第一阶段,第二阶段等,这个时候就需要一个js进行转换。阿拉伯数字–>中文汉字代码如下:<script type="text/javascript">...转载 2019-09-20 16:19:58 · 2112 阅读 · 1 评论 -
史上最全的正则表达式-匹配中英文、字母和数字
在做项目的过程中,使用正则表达式来匹配一段文本中的特定种类字符,是比较常用的一种方式,下面是对常用的正则匹配做了一个归纳整理。匹配中文:[\u4e00-\u9fa5]英文字母:[a-zA-Z]数字:[0-9]匹配中文,英文字母和数字及_:1+$同时判断输入长度:[\u4e00-\u9fa5_a-zA-Z0-9_]{4,10}2$ 1、一个正则表达式,只含有汉字、数字、字母、下划线不...转载 2019-09-18 18:18:46 · 2957 阅读 · 0 评论 -
input限制只能输入数字并限制长度,正则表达式验证只能输入中文
1.第一种方法:input属性为number,做if判断,然后slice选取 (目前使用过此方法,比较简单)用于添加地址时的手机号码框<input type="number" oninput="if(value.length>4)value=value.slice(0,4)" />2.第二种方法:input属性为text,maxlength为最大长度,onkeyup ona...原创 2019-09-18 18:01:11 · 2031 阅读 · 0 评论 -
移动端 Web 页 input 控制软键盘
从交互层面上来讲,完成一个功能(获得想要的信息)的过程称之为用户路径。用户路径越长,完成功能的复杂度就越高,用户体验也就越差。因此当打开一个需要用户填写信息的表单界面时,为了提高可用性,PC 端一般会将光...转载 2019-09-06 16:31:38 · 1222 阅读 · 0 评论 -
WangEditor富文本编辑器图片上传踩坑之路
最近由于业务需求,需要用到富文本编辑器,找寻了好久,起初想使用百度的ueditor,但在使用的过程中实在是遇到了太多的坑,于是另外锁定了一款富文本编辑器——wangEditor。这是一款轻量级的富文本编辑器,比起百度的ueditor,这款编辑器的界面更加...转载 2019-09-06 15:40:49 · 3450 阅读 · 0 评论 -
wangEditor富文本编辑器的使用
wangEditor的使用第一步,将其下载,并引入项目中。第二步,引入js<script type="text/javascript" src="/plugin/wangEditor/release/wangEditor.min.js"></script>第三步,初始化对象 <span class="col-lg-8" id="editor"&g...原创 2019-09-06 15:32:09 · 220 阅读 · 0 评论 -
html5自定义required的提示文字
<input type=“text” required oninvalid=“setCustomValidity(‘不能为空aaa’)” οninput=“setCustomValidity(’’)”>HTML5表单验证给前端开发带来许多便利,但是默认的提示不友好。我们可以通过setCustomValidity方法来自定义提示信息,更准确的提示给用户。在用户输入的时候使用setCu...原创 2019-09-06 11:41:48 · 1410 阅读 · 0 评论 -
http请求出现413错误码
网站在进行文件上传的时候出现了上传文件失败,查看上传时的请求连接,发现上传的url报出了413的错误码。413的错误码是表示:请求实体太大。为什么会出现该问题?是因为nginx中的某处配置不够大 #允许客户端请求的最大单文件字节数 ...原创 2019-09-06 11:34:17 · 5823 阅读 · 1 评论 -
html页面图片上传回显,不访问数据库,ajax请求
html页面图片上传回显,不访问数据库,ajax请求function uploadclick(source) { var file = source.files[0]; console.log(file); if(window.FileReader) { var fr = new FileReader(); ...原创 2019-08-26 18:22:58 · 370 阅读 · 0 评论 -
textarea placeholder文字换行
要实现这样的效果第一反应是直接在placeholder属性值里输入\n换行,如:<textarea rows="5" cols="50" placeholder="1、textarea\n2、success"></textarea>浏览器直接输出了它,类似地输入<br/>也行不通解决方法是换成 <textare...转载 2019-09-25 12:41:53 · 989 阅读 · 0 评论