`
zhuwei2008
  • 浏览: 81994 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

js检测小例子

阅读更多
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<script type="text/javascript">
function getdate(){
var date=new Date();
var year=date.getFullYear();
var month=date.getMonth()+1;
var day=date.getDay();
alert(year+"-"+month+"-"+day);
}
//全选
function selectAll(){
var form1=document.forms['Form1'];
for(var i=0;i<form1.length;i++ ){
  var e = form1.elements[i];
  if (e.type == "checkbox")
   e.checked = !e.checked;
}
}
//增加options
function addoption(){
var slecet=document.getElementById("select1");
slecet.options.add(new Option('fruit','4'));
}
//删除options
function deloption(){
var slecet=document.getElementById("select1").remove(0);
//slecet.options.remove(0);

}
//
function check (str) {
  isEmail1=/^\w+([\.\-]\w+)*\@\w+([\.\-]\w+)*\.\w+$/;
  isEmail2=/^.*@[^_]*$/;
  return (isEmail1.test(str)&&isEmail2.test(str));
}
//检测邮箱地址
function checkEmail(str){
if(!check(str)){
alert("邮箱地址错误");
}
}
function IsDigit(cCheck) { return (('0'<=cCheck) && (cCheck<='9')); }
function IsAlpha(cCheck) { return ((('a'<=cCheck) && (cCheck<='z')) || (('A'<=cCheck) && (cCheck<='Z'))) }
//检测字符串(假设长度18,前15为字母,后三为数字)
function checkIdnumber(str){
var str1=str.substring(0,16);

if(!IsAlpha(str1)){
alert("前15必须为字母");
}


var str2=str.substring(16,str.length)


if(!IsDigit(str2)){
alert("后三位必为数字");

}

}

</script>
</head>
<body>
<select name="select1" id="select1">
<option value="1">apple</option>
<option value="2">orange</option>
<option value="3">banana</option>
</select>
<form action="" name="Form1" method="post" onsubmit="">

<p><input type="checkbox" name="test" value="1"></p>
<p><input type="checkbox" name="test" value="2"></p>
<p><input type="checkbox" name="test" value="3"></p>

<div>
<p><input type="submit" name="true" value="提交"></p>
</div>

</form>
<div>
<p><input type="button" value="全选" name="true" onclick="selectAll()">
<input type="button" value="add" name="true" onclick="addoption()">
<input type="button" value="del" name="true" onclick="deloption()">
<input type="button" value="date" name="true" onclick="getdate()">
</p>
<p><input type="text" value="" name="email"> <input
type="button" value="checkemail" name="true"
onclick="checkEmail(document.getElementById('email').value)"></p>
<p><input type="text" value="" name="idnumber"> <input
type="button" value="checknumber" name="true"
onclick="checkIdnumber(document.getElementById('idnumber').value)"></p>

</div>

</body>
</html>
1
0
分享到:
评论

相关推荐

    原生js检测键位,当前实时坐标例子

    原生js检测键位,当前实时鼠标坐标,源码例子 ,面对对象组织方式! 原生js检测键位,当前实时鼠标坐标,源码例子 ,面对对象组织方式!

    JavaScript检测密码强度

    引用微软的检测密码强度JS, 详情请看例子.

    javascript检测页面是否缩放的小例子

    代码如下:/* * zoomCheck */jQuery(function($){ var dCheck = $(“#zoomCheck”); if(dCheck.size() != 0){ return; } dCheck = $(“&lt;span&gt;&lt;/span&gt;”).attr(‘id’,”zoomCheck”).css({ position :’fixed...

    jquery、js一些常用的例子

    1.js的一个检测密码强弱的功能小例子 2.Jquery的一个图片预览的特效 3.EXT最全面的教程 4.Jquery最新的帮助文档

    censorface-js:通过ONNX.js使用Java进行人脸检测

    censorface-js ONNX.js用Javascript编写的Censorface。 在这种库中,它是在2020年CVPR所示的状态的最先进的单级的人脸检测算法Retinaface的例子可以按照此纸,其具有标题RetinaFace:单级密集脸定位在荒野。 该模型...

    使用JavaScript 实现的人脸检测

    今天,我们开始学习tracking.js,它是一个由Eduardo Lundgren开发的轻量级的javascript库,它可以让你做实时的人脸检测,色彩追踪和标记好友的脸。在这个教程中,我们将会看到,我们如何从静态图片中检测脸,眼睛和...

    js实现密码强度检测【附示例】

    这篇文章主要介绍了js实现密码强度检测的相关实例,第一个例子给出了全部代码,可以直接运行,第二个例子只给出了js代码,感兴趣的码农可以自己完成第二个实例。 第一个实例 这段JavaScript代码比较实用,它完成用户...

    js检测判断日期大于多少天的方法

    这个例子演示如何使用js根据标签span中的日期来对比本地时间(访问者电脑上的时间,或者标准时间),如相差15天: &lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;meta charset="utf-8" /&gt; &lt;title&gt;...

    JavaScript王者归来part.1 总数2

     6.2.2.1 一个使用Arguments对象检测形参的例子   6.2.2.2 一个使用Arguments对象接收任意个数参数的例子   6.2.2.3 一个使用Arguments对象模拟函数重载的例子   6.2.3 参数类型匹配--一个利用arguments实现...

    Vue.js中数组变动的检测详解

    前言 最近在尝试用Vue.js重构公司的现有业务代码,组件化的设计思路和MVVM的思想让我深深沉迷于其中。...例子: // 创建 vm let vm = new Vue({ data: { a: [{}, {}, {}] } }) // 键路径 vm.$watch('a', fun

    js使用小技巧

    Javascript小技巧一箩筐 事件源对象 event.srcElement.tagName event.srcElement.type 捕获释放 event.srcElement.setCapture(); event.srcElement.releaseCapture(); 事件按键 event.keyCode ...

    JS实现碰撞检测的方法分析

    一个简单的碰撞检测例子,检测div1是否和div2发生碰撞,当div1碰到div2时,改变div2的颜色,看测试图 看一下分析图: 当div1在div2的上边线(t2)以上的区域活动时,始终碰不上 当div1在div2的右边线(r2)以右的区域...

    一个Ajax表单检测验证实例.rar

    一个Ajax表单检测验证实例,在不刷新网页的情况下对表单中的各个输入项进行检查,并显示出错误提示,在众多ajax表单中,本示例并不是最复杂的,因此对于学习研究类似表单的实现方法很有参考价值。ajax无刷新表单验证...

    Kekule.js:Javascript化学信息学工具包

    Kekule.js是在MIT许可下发布的用于化学信息学的开源JavaScript工具包。 它可以在Web应用程序和节点应用程序中使用,以读取,写入,显示和编辑化学对象(例如分子)并执行某些化学算法(例如,分子结构比较,搜索,...

    haywire:用于网络问题检测的最小 javascript 库

    用于网络问题检测的最小(小于 1k 压缩和 gzipped)javascript 库。 Haywire是如何运作的? 通过 ping 健康检查 url 检查您网站的可用性。 记住过去的结果,因此它可以区分离线、在线和“片状” (间歇性)连接。 ...

    原生JS检测CSS3动画是否结束的方法详解

    本文实例讲述了原生JS检测CSS3动画是否结束的方法。分享给大家供大家参考,具体如下: 不知道大家在做网页的时候有没有碰到这种情况:当你使用CSS3的动画属性时,想要在动画结束后添加一系列操作,但往往这些操作...

    JS实现躲避粒子小游戏

    页面结构的构建,样式修饰,js中小绿球在容器顶部随机位置生成、小绿球非水平非垂直方向的运动、小绿球碰撞容器内壁后弹性运动、生成多个小绿球、拖拽红球、红球的边界判断、红球与绿球的碰撞检测、“坚持n秒”的...

    小程序云函数调用API接口的方法

    以下例子是调用小程序官方的API,如何调用API来进行对内容的安全检测: 第一步:新建一个文件名为msgCheck的Node.js的云函数,安装相关依赖(wx-server-sdk、got)上传并部署,在该目录下的index.js文件编辑代码如下...

    JavaScript权威指南(第6版)

    5.8 JavaScript语句小结 第6章 对象 6.1 创建对象 6.2 属性的查询和设置 6.3 删除属性 6.4 检测属性 6.5 枚举属性 6.6 属性getter和setter 6.7 属性的特性 6.8 对象的三个属性 6.9 序列化对象 6.10 对象方法 第7章 ...

Global site tag (gtag.js) - Google Analytics