js

js判断是否为数字

与世无争的帅哥 提交于 2020-03-14 07:47:26
function IsNum(num){ var reNum=/^\d*$/; return(reNum.test(num)); } var str=document.getElementById("name").value; var reg = /^[\u4e00-\u9fa5]+$/i; //判断是否为汉字 if (!reg.test(str)) { alert("请输入中文名字!"); document.form1.name.focus(); return false; } return true; //判断是否为时间 function isDate(dateStr) { var datePat = /^(\d{4})(\-)(\d{1,2})(\-)(\d{1,2})$/; var matchArray = dateStr.match(datePat); if (matchArray == null) return false; var month = matchArray[3]; var day = matchArray[5]; var year = matchArray[1]; if (month < 1 || month > 12) return false; if (day < 1 || day > 31) return false; if ((month==4 |

js验证身份证号码

北战南征 提交于 2020-03-14 07:42:13
代码 1、简单的正则表达式:(1)preg_match("/^(\d{18,18}|\d{15,15}|\d{17,17}x)$/",$id_card) (2)preg_match("/^(\d{6})(18|19|20)?(\d{2})([01]\d)([0123]\d)(\d{3})(\d|X)?$/",$id_card) (3)preg_match("/(^\d{15}$/)|(\d{17}(?:\d|x|X)$/),$id_card)2、复杂并且严格一些的验证://这个可以验证15位和18位的身份证,并且包含生日和校验位的验证。 //如果有兴趣,还可以加上身份证所在地的验证,就是前6位有些数字合法有些数字不合法。 function isIdCardNo(num) { num = num.toUpperCase(); //身份证号码为15位或者18位,15位时全为数字,18位前17位为数字,最后一位是校验位,可能为数字或字符X。 if (!(/(^\d{15}$)|(^\d{17}([0-9]|X)$)/.test(num))) { alert('输入的身份证号长度不对,或者号码不符合规定!\n15位号码应全为数字,18位号码末位可以为数字或X。'); return false; } //校验位按照ISO 7064:1983.MOD 11-2的规定生成,X可以认为是数字10。

js中window.location.search的用法和作用。

隐身守侯 提交于 2020-03-14 07:35:42
用该属性获取页面 URL 地址: window.location 对象所包含的属性 属性 描述 hash 从井号 (#) 开始的 URL(锚) host 主机名和当前 URL 的端口号 hostname 当前 URL 的主机名 href 完整的 URL pathname 当前 URL 的路径部分 port 当前 URL 的端口号 protocol 当前 URL 的协议 search 从问号 (?) 开始的 URL(查询部分) 如图就是取出url中的参数。 JS 脚本捕获页面 GET 方式请求的参数?其实直接使用 window.location.search 获得,然后通过 split 方法结合循环遍历自由组织数据格式。 大概处理如下: var searchURL = window.location.search; searchURL = searchURL.substring(1, searchURL.length); var targetPageId = searchURL.split("&")[0].split("=")[1]; 来源: https://www.cnblogs.com/lgx5/p/7898647.html

js setTimeout 与 setInterval 以及 for 循环 刷新UI

烈酒焚心 提交于 2020-03-14 06:54:27
1. setTimeout() 方法用于在指定的毫秒数后调用函数或计算表达式;执行一次; 如果需要执行多次,自身再次调用 setTimeout(); 示例:无穷循环并带停止按钮的 <html> <head> <script type="text/javascript"> var c=0 var t function timedCount() { document.getElementById('txt').value=c c=c+1 t=setTimeout("timedCount()",1000) } function stopCount() { clearTimeout(t) } </script> </head> <body> <form> <input type="button" value="开始计时!" onClick="timedCount()"> <input type="text" id="txt"> <input type="button" value="停止计时!" onClick="stopCount()"> </form> <p> 请点击上面的“开始计时”按钮。输入框会从 0 开始一直进行计时。点击“停止计时”可停止计时。 </p> </body> </html> 2. setInterval() 方法可按照指定的周期(以毫秒计)来调用函数或计算表达式;

JS---表单验证

拟墨画扇 提交于 2020-03-14 06:43:53
(非原创) <html> <title></title> <head> <script language = "javascript"> function cancel(){ document.getElementById("Form").reset(); } function check(){ //验证用户名 var username = document.getElementById("username"); if(username.value.length==0){ alert("用户名不能为空!"); username.focus(); return false; } if(username.value.length<6){ alert("用户名长度不能低于6位!"); username.value = ""; username.focus(); return false; } //验证密码,确认密码 var pass = document.getElementById("password"); var qrpass = document.getElementById("qrpassword"); if(pass.value.length==0){ alert("密码不能为空!"); pass.focus(); return false; } if(pass.value

JS实战 · 表单验证

余生颓废 提交于 2020-03-14 06:43:34
思路: 1、定义页面 通过表格格式化表单; 表格行都有自己的背景颜色; 单元格中的数据(文本等)用div进行封装,好操作; 2、定义样式 表格的样式; div的样式; 3、动态效果 页面加载时,将所有的输入框定义默认框线颜色和获取焦点时的框线颜色; 进行内容校验,不正确时显示警告信息。 代码如下: <html> <head> <meta http-equiv="Content-Type" content="text/html;charset=UTF-8"> <title>表单验证</title> <!-- 思路: 1、定义页面 通过表格格式化表单; 表格行都有自己的背景颜色; 单元格中的数据(文本等)用div进行封装,好操作; 2、定义样式 表格的样式; div的样式; 3、动态效果 页面加载时,将所有的输入框定义默认框线颜色和获取焦点时的框线颜色; 进行内容校验,不正确时显示警告信息。 --> <style type="text/css"> table{ border: #A50DFA 1px solid; width: 500px; border-collapse: collapse; } table th, table td{ border: #A50DFA 1px solid; padding:10px; } table th{ } table td{ }

js表单验证

随声附和 提交于 2020-03-14 06:43:15
<html> <title></title> <head> <script language = "javascript"> function cancel(){ document.getElementById("Form").reset(); } function check(){ //验证用户名 var username = document.getElementById("username"); if(username.value.length==0){ alert("用户名不能为空!"); username.focus(); return false; } if(username.value.length<6){ alert("用户名长度不能低于6位!"); username.value = ""; username.focus(); return false; } //验证密码,确认密码 var pass = document.getElementById("password"); var qrpass = document.getElementById("qrpassword"); if(pass.value.length==0){ alert("密码不能为空!"); pass.focus(); return false; } if(pass.value.length

JavaScript引用

感情迁移 提交于 2020-03-13 20:52:49
JavaScript引用 页面级js 外部js文件 内联样式 页面级js 在网页中直接引用js,可以在head和body中写入 <script></script> <script type="text/javascript"></script> 两者都可以使用,但写上type属性就不能写错 外部js文件 外部 js 文件,引入 <script src=“location”></script> 为符合 web 标准(w3c 标准中的一项)结构(html)、行为(js)、样式(css) 相分离,通常会采用外部引入。 例如以lesson.保存文件,在引入到HTML中 一个文件中可以包括多个 css,js——不混用 特殊写页面,大部分写在外部——不混用 如果同时写了内部的 js 和外部的 js,那么是外部的 js 文件显示出来 src属性 src="文件地址" 内联样式 <div onclick="alert('OK')">你好</div> 来源: https://www.cnblogs.com/landuo629/p/12488529.html

12 个开发人员的实用代码编辑器

天涯浪子 提交于 2020-03-13 20:41:42
Compilr Compilr 是一个在线的集成开发怀集(IDE),目前支持9种编程语言:C、C++、C#、Java、JavaScript、PHP、Python、Ruby 和 Visual Basic。 Compilr 由坐落于加拿大新斯科舍省的 Ninja Otter Inc 公司开发。 CodeMirror CodeMirror是一个利用JavaScript实现代码编辑器。它为使用者提供了几乎覆盖全部流行编程语言的代码高亮和自动缩进功能,在浏览器之上构建了一个简易的IDE。 相比于普通的代码高亮插件,CodeMirror还具有了大量的可编程接口,提供了诸如撤销、保存、替换、括号匹配、光标控制等通常IDE所应具有的API功能。因此,CodeMirror实质上已经做好了将自身作为浏览器中最佳IDE所需的一切。 基于此,许多CodeMirror插件已经出现,例如JavaScript的代码补全插件、搜索插件、代码折叠插件、XML标签自动闭合插件等等。 Codeanywhere CodeAnyWhere:基于浏览器代码编辑器是可以运行在浏览器上的代码编辑器,内嵌强大的FTP客户端,支持多数流行的网页格式,支持编辑多种类型的文件。 Codeanywhere支持多数流行的网页格式(HTML、PHP、JavaScript、CSS和XML),支持编辑多种类型的文件,集成了桌面编辑器中所有好的特征

面试题目整理

安稳与你 提交于 2020-03-13 18:45:43
HTML&CSS 1、常用哪几种浏览器测试?有哪些内核(Layout Engine)? (Q1)浏览器:IE,Chrome,Firefox,Safari,Opera (Q2)内核:Trident,Gecko,Presto,Webkit 2、说下行内元素和块级元素的区别?行内块元素的兼容性使用?(IE8以下) (Q1)行内元素:会在水平方向排列,不能包含块级元素,设置width无效,height无效(可以设置line-height),margin上下无效 padding上下无效。块级元素:各占据一行,垂直方向排列。从新行开始结束接着一个断行 (Q2)兼容性:display:inline-block;*display:inline;*zoom:1; 3、清除浮动有哪些方式?比较好的方式是哪一种 (Q1)(1)父级div定义height (2)结尾处加空div标签clear:both (3)父级div定义伪类:after和zoom (4)父级div定义overflow:hidden (5)父级div定义overflow:auto (6)父级div也浮动,需要定义宽度 (7)父级div定义display:table (8)结尾处加br标签clear:both (Q2)比较好的是第3种方式,好多网站都这么用 1、box-sizing 常用的属性有哪些?分别有什么作用? (Q1)box