Welcome 微信登录

首页 / 脚本样式 / JavaScript

js验证真实姓名与身份证号,手机号的简单实例

js验证真实姓名与身份证号,手机号的简单实例

最近的项目中用的需要调用实名认证的接口,实名认证接口价格相比短信而言高了不是几分钱,所以说调用实名认证的条件就要严格把关,因此用到js验证真实姓名与js验证身份证号。进入正题1.js验证真实姓名js验证真实姓名,是用的unicode字符的来进行匹配,而中国人的姓名长度一般都是2-4,所以重复匹配{2,4}次 var regName =/^[u4e00-u9fa5]{2,4}$/; if(!regName.test(name)){ alert("真实姓名填写...
全面介绍javascript实用技巧及单竖杠

全面介绍javascript实用技巧及单竖杠

JavaScript 本身可以算是一门简单的语言,但我们也不断用智慧和灵活的模式来改进它。昨天我们将这些模式应用到了 JavaScript 框架中,今天这些框架又驱动了我们的 Web 应用程序。很多新手开发者被各种强大的 JavaScript 框架吸引进来,但他们却忽略了框架身后浩如星海的 JavaScript 实用技巧。本文将为你全面的介绍其中的知识点。一、js整数的操作使用|0和~~可以将浮点转成整型且效率方面要比同类的parseInt,Math.ro...
全面解析JavaScript中“&&”和“||”操作符(总结篇)

全面解析JavaScript中“&&”和“||”操作符(总结篇)

1、||(逻辑或),从字面上来说,只有前后都是false的时候才返回false,否则返回true。alert(true||false); // truealert(false||true); // truealert(true||true); // truealert(false||false); // false这个傻子都知道~~但是,从深层意义上来说的话,却有另一番天地,试下面代码alert(0||1);//1显然,我们知道,前面0意味着false,而...
如何用js实现鼠标向上滚动时浮动导航

如何用js实现鼠标向上滚动时浮动导航

为什么会有这个需求呢?有没有发现在国外的一些网站,当你向上滚动时,导航条浮动在顶部位置。用户如果是想看内容就可以直接点击到达,省去很多拖动的时间,当然返回顶部也是比较容易。但有时候返回顶部这个按钮往往被人忽略了。下面一起来看看代码和演示(引入jQuery 1.9)。判断鼠标向上滚动,或者向下滚动,可以通过对比用户的上一次滚动的坐标和下一次的坐标,当上一次小于下一次时,即用户在向下滚动,反之,则说明用户在向上滚动。滚动的坐标值可以取窗口的scrollTop。...
基于jQuery.validate及Bootstrap的tooltip开发气泡样式的表单校验组件思路详解

基于jQuery.validate及Bootstrap的tooltip开发气泡样式的表单校验组件思路详解

表单校验是页面开发中非常常见的一类需求,相信每个前端开发人员都有这方面的经验。网上有很多成熟的表单校验框架,虽然按照它们默认的设计,用起来没有多大的问题,但是在实际工作中,表单校验有可能有比较复杂的个性化的需求,使得我们用这些插件的默认机制并不能完成这些功能,所以要根据自己的需要去改造它们(毕竟自己还不到那个写一个完美的校验框架的层次)。我用过formValidation这个校验框架,虽然它跟bootstrap配合地很好,但是校验风格太死板,不太满足个性化...
浅析JavaScript中的array数组类型系统

浅析JavaScript中的array数组类型系统

前面的话数组是一组按序排列的值,相对地,对象的属性名称是无序的。从本质上讲,数组使用数字作为查找键,而对象拥有用户自定义的属性名。javascript没有真正的关联数组,但对象可用于实现关联的功能Array()仅仅是一种特殊类型的Object(),也就是说,Array()实例基本上是拥有一些额外功能的Object()实例。数组可以保存任何类型的值,这些值可以随时更新或删除,且数组的大小是动态调整的除了对象之外,数组Array类型可能是javascript中...
JS HTML5实现拖拽移动列表效果

JS HTML5实现拖拽移动列表效果

练习HTML5中的拖放API,实现列表拖拽移动!参考文章:JS HTML5拖拽上传图片预览HTML5拖拽移动列表实现思路:1.循环设置每个子项的draggable属性,以及设置拖动标记(不会多个或全部子项都移动)2.每次进入投放区,则检测时候有拖放标记,有则添加dom元素,以此类推另一种实现思路是:可以利用拖放中DataTransfer对象作为属性,用setData()和getData()方法传递每个拖动的子项的id等数据,找到指定的子项进行移动….待实验...
JS HTML5拖拽上传图片预览

JS HTML5拖拽上传图片预览

1.文件API:(File API)file类型的的表单控件选择的每一个文件都是一个file对象,而FileList对象则是这些file对象的集合列表,代表所选择的所有文件。file对象继承于Blob对象,该对象表示二进制原始数据,提供slice方法,可以访问到字节内部的原始数据块。总之,file对象包含与FlieList对象,而file对象继承于Blob对象!各对象的相关属性关系:FileReader接口: 由图可知:HTML5还提供了FileReade...
jQuery实现根据滚动条位置加载相应内容功能

jQuery实现根据滚动条位置加载相应内容功能

实现jQuery根据滚动条位置加载相应的内容:向下滚动时当内容区域滚动到可视窗口高度的一半时,加载动画内容;向上滚动到相应的内容区域时也重新加载动画内容!1.实现思路:先静态布局好HTML结构,使用伪类:hover模拟动画效果,再使用jQuery 控制动画类名的切换来实现效果!主要判断滚动的方向,以及相应方向上加载动画的时机(即何时才加载动画的判断条件!关键点!)。2.思维草稿图:向下滚动加载动画判断条件:(代码中addClass()函数)向上滚动加载动画...
完美实现八种js焦点轮播图(下篇)

完美实现八种js焦点轮播图(下篇)

继续上一篇的学习完美实现八种js焦点轮播图(上篇),供大家参考,具体内容如下5.定时上下无缝滚动思路:1.思路1: 将ul复制一份,但滚动一半距离重新归位;(大型网站性能略低); 2.思路2: 通过相对定位,将第一个li移动到最后,再将ul和Li归位。window.onload=function(){ var oBox=document.getElementById("box"); var oUl=document.getElementById("ul")...
JavaScript暂停和继续定时器的实现方法

JavaScript暂停和继续定时器的实现方法

对于JavaScript的定时器来说没有严格意义上的暂停和重启,只有清除停止,但是可以通过一些‘障眼法"实现allChild[index].onclick = function(){//当点击目标且满足下面的条件时 让计时器时间暂停if(gamInt == true){$("#tu").css("display","block");//计时器暂停(清除定时器)clearInterval(countdownTimer);//延迟2s后游戏继续 计时器暂停结束...
ECMAScript6快速入手攻略

ECMAScript6快速入手攻略

简介ECMAScript 6 是JavaScript的下一个标准,正处在快速开发之中,ECMAScript 6 的目标,是使得JavaScript可以用来编写复杂的应用程序、函数库和代码的自动生成器(code generator)。最新的浏览器已经部分支持ECMAScript 6 的语法,ECMAScript 6 目前基本成为业界标准,它的普及速度比 ES5 要快很多,主要原因是现代浏览器对 ES6 的支持相当迅速,尤其是 Chrome 和 Firefox...
总结在前端排序中遇到的问题

总结在前端排序中遇到的问题

貌似前端圈一直以来流传着一种误解:前端用不到算法知识。长久以来,大家或许都曾受这种说法的影响。直到前阵子遇到一个产品需求,回过头来看,发现事实并非如此。前端排序前端排序的场景前端将排序条件作为请求参数传递给后端,后端将排序结果作为请求响应返回前端,这是一种常见设计。但是对于有些产品则不是那么适用。试想一个场景:你在使用美食类APP时,是否会经常切换排序方式,一会儿按照价格排序,一会儿按照评分排序。实际生产中,受限于服务器成本等因素,当单次数据查询成为整体性...
<< 151 152 153 154 155 156 157 158 159 160 >>