<!doctype html>
<html>
<head>
<meta charset="utf-8">
<style type="text/css">
.red{color: red;}
.green{color: green;}
.black{color:#000;}
.blue{color:blue;}
</style>
<body>
<form action="phptest.php" method="post" id="obb" onsubmit="return intt('oo');">
Name: <input type="text" name="name" pp="123" id=""/><span>名字是名字</span><br/>
Age: <input type="text" name="age" value="" /><span>年龄是数字</span><br/>
<input type="submit" name="submit">
<input type="button" value="sada" id="abc"/>
</form>
</body>
<script type="text/javascript">
var qq,bb,reg,pattern;
qq=document.getElementById('obb');
bb=qq.getElementsByTagName('input');
pattern=/^[0-9]*[1-9][0-9]*$/;
reg=/^[\s]{0,}$|^[\w\s]{7,}$/g;
window.onload=function(){
intt();
document.getElementById("abc").onclick=function(){alert(intt())}
}
function check(obj,info,fun,clicks,yes_no){
obj.onfocus=function(){
obj.nextSibling.innerHTML=info;
obj.nextSibling.className="blue";
}
obj.onblur=function(){
if(fun()){
obj.nextSibling.innerHTML=info;
obj.nextSibling.className="red";
yes_no.a = false;
//重写传入参数的话改的是参数副本不会影响外部的值的,
//如:yes_no=flase;这样是不会修改外面传进来的yes_no1和yes_no2的值的;
//所以不能重写传入的参数,但是可以改变参数的属性;
//传入基本函数类型只是传如值,传入引用类型的话就是传入变量引用副本地址,
//传入后引用函数的副本地址是指向原来外部的引用地址的,如果重写就切断了和外面引用地址的联系,
//而引用副本地址会变成新的引用地址,所以和外部没有关系)
}
else{
obj.nextSibling.innerHTML="正确";
obj.nextSibling.className="green";
yes_no.a = true;
}
}
if (clicks=='oo') {
obj.onblur();
};
}
var yes_no1={},yes_no2={};
function intt(clicks){ check(bb[0],"输入点名字",
function(){
var qq =reg.test(bb[0].value);
return qq;
},clicks,yes_no1
);
check(bb[1],"输入点名字",
function(){
var qq =reg.test(bb[1].value);
return qq;
},clicks,yes_no2
);
if(yes_no1.a&&yes_no2.a)
{return true;}
else
{return false}; }
</script>
</html>

javacript参数传递表单验证的更多相关文章

  1. django 表单验证和字段验证

    表单验证和字段验证 表单验证发生在数据验证之后.如果你需要自定义这个过程,有几个不同的地方可以修改,每个地方的目的不一样.表单处理过程中要运行三种类别的验证方法.它们通常在你调用表单的is_valid ...

  2. jQuery学习之路(8)- 表单验证插件-Validation

    ▓▓▓▓▓▓ 大致介绍 jQuery Validate 插件为表单提供了强大的验证功能,让客户端表单验证变得更简单,同时提供了大量的定制选项,满足应用程序各种需求.该插件捆绑了一套有用的验证方法,包括 ...

  3. 玩转spring boot——AOP与表单验证

    AOP在大多数的情况下的应用场景是:日志和验证.至于AOP的理论知识我就不做赘述.而AOP的通知类型有好几种,今天的例子我只选一个有代表意义的“环绕通知”来演示. 一.AOP入门 修改“pom.xml ...

  4. form表单验证-Javascript

    Form表单验证: js基础考试内容,form表单验证,正则表达式,blur事件,自动获取数组,以及css布局样式,动态清除等.完整代码如下: <!DOCTYPE html PUBLIC &qu ...

  5. ASP.NET MVC5+EF6+EasyUI 后台管理系统(33)-MVC 表单验证

    系列目录 注:本节阅读需要有MVC 自定义验证的基础,否则比较吃力 一直以来表单的验证都是不可或缺的,微软的东西还是做得比较人性化的,从webform到MVC,都做到了双向验证 单单的用js实现的前端 ...

  6. 实现跨浏览器html5表单验证

    div:nth-of-type(odd){ float: left; clear: left; } .origin-effect > div:nth-of-type(even){ float: ...

  7. jQuery Validate 表单验证 — 用户注册简单应用

    相信很多coder在表单验证这块都是自己写验证规则的,今天我们用jQuery Validate这款前端验证利器来写一个简单的应用. 可以先把我写的这个小demo运行试下,先睹为快.猛戳链接--> ...

  8. jquery validate表单验证插件-推荐

    1 表单验证的准备工作 在开启长篇大论之前,首先将表单验证的效果展示给大家.     1.点击表单项,显示帮助提示 2.鼠标离开表单项时,开始校验元素  3.鼠标离开后的正确.错误提示及鼠标移入时的帮 ...

  9. 表单验证插件之jquery.validate.js

    提到表单验证的插件,第一个想到的就是jquery.validate.js,所以小生想在这里稍微详细地说一下这款插件的具体使用方法,便于理解,我直接附上整段demo的代码(没怎么调样式,主要是看js): ...

随机推荐

  1. [HMLY]5.模仿喜马拉雅 FM

    项目介绍: 文:HansRove(github)XiMaLaYa-by-HansRove- 仿做喜马拉雅, 对AVFoundation框架的一次尝试   软件环境: iOS9.1硬件环境: Mac O ...

  2. [UWP小白日记-2]SQLite数据库DOME

    数据库说简单点就是增删改查,但是对新手来说也是要爆肝的.作为一个新手爆肝无数次啊, 血的教训啊现在UWP的教程又少,说多了都是泪.留下来免得以后又爆肝.还有:一定要写注释!一定要写注释!一定要写注释! ...

  3. 字串变换 (2002 年NOIP全国联赛提高组)

    一道看似非常水的题 大意 :将一个字串 经过几种变换规则变为给定的另一个子串 ,求最小操作数. code[vs] 传送门 洛谷传送门 已知有两个字串 A, B 及一组字串变换的规则(至多6个规则): ...

  4. MongoDB1: 环境安装

    1. 环境准备,不支持XP系统,需要在Windows7及以上和windows server 2008 系统上安装. 2. 下载安装包:http://www.mongodb.org/downloads, ...

  5. ef code first 您没有所需权限

    在进行数据库更新操作时,update-database -force,反复提示没有改表或者没有所需权限,昨晚折腾了4个小时没有搞定,太晚了,今天Google了一下,这方面的错误,提到的都很少,在一篇文 ...

  6. STM32普通定时器(TIM2-7)的时钟源

    STM32普通定时器(TIM2-7)的时钟源

  7. 激活JetBrains PhpStorm 2016.3.2和JetBrains WebStorm 2016.3.2

    1.打开 phpstorm 2.在激活界面选择license server 在线激活方式 输入:http://idea.imsxm.com/ 3.激活成功,打开使用

  8. in_array 判断的一些见解

    我个人见解in_array的判断是== 并不是===  证明如下: $arr=(array_merge(range(1, 9),range('a', 'z'),range('A', 'Z')));$m ...

  9. 【转】Freemarker输出$和html标签等特殊符号

    原文:http://blog.csdn.net/achilles12345/article/details/41820507 场景:程序员都不喜欢看文档,而更喜欢抄例子.所以,我们把平台组的组件都做成 ...

  10. Hibernate5-课程笔记6

    Hibernate检索优化: 检索即查询.为了减轻DB的访问压力,提高检索效率,Hibernate对检索进行了优化. 所谓检索优化,指的是对查询语句的执行时机进行了细致.严格的把控:并不是代码中一出现 ...