javacript参数传递表单验证
<!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参数传递表单验证的更多相关文章
- django 表单验证和字段验证
表单验证和字段验证 表单验证发生在数据验证之后.如果你需要自定义这个过程,有几个不同的地方可以修改,每个地方的目的不一样.表单处理过程中要运行三种类别的验证方法.它们通常在你调用表单的is_valid ...
- jQuery学习之路（8）- 表单验证插件-Validation
▓▓▓▓▓▓ 大致介绍 jQuery Validate 插件为表单提供了强大的验证功能,让客户端表单验证变得更简单,同时提供了大量的定制选项,满足应用程序各种需求.该插件捆绑了一套有用的验证方法,包括 ...
- 玩转spring boot——AOP与表单验证
AOP在大多数的情况下的应用场景是:日志和验证.至于AOP的理论知识我就不做赘述.而AOP的通知类型有好几种,今天的例子我只选一个有代表意义的“环绕通知”来演示. 一.AOP入门 修改“pom.xml ...
- form表单验证-Javascript
Form表单验证: js基础考试内容,form表单验证,正则表达式,blur事件,自动获取数组,以及css布局样式,动态清除等.完整代码如下: <!DOCTYPE html PUBLIC &qu ...
- ASP.NET MVC5+EF6+EasyUI 后台管理系统（33）-MVC 表单验证
系列目录 注:本节阅读需要有MVC 自定义验证的基础,否则比较吃力 一直以来表单的验证都是不可或缺的,微软的东西还是做得比较人性化的,从webform到MVC,都做到了双向验证 单单的用js实现的前端 ...
- 实现跨浏览器html5表单验证
div:nth-of-type(odd){ float: left; clear: left; } .origin-effect > div:nth-of-type(even){ float: ...
- jQuery Validate 表单验证 — 用户注册简单应用
相信很多coder在表单验证这块都是自己写验证规则的,今天我们用jQuery Validate这款前端验证利器来写一个简单的应用. 可以先把我写的这个小demo运行试下,先睹为快.猛戳链接--> ...
- jquery validate表单验证插件-推荐
1 表单验证的准备工作 在开启长篇大论之前,首先将表单验证的效果展示给大家. 1.点击表单项,显示帮助提示 2.鼠标离开表单项时,开始校验元素 3.鼠标离开后的正确.错误提示及鼠标移入时的帮 ...
- 表单验证插件之jquery.validate.js
提到表单验证的插件,第一个想到的就是jquery.validate.js,所以小生想在这里稍微详细地说一下这款插件的具体使用方法,便于理解,我直接附上整段demo的代码(没怎么调样式,主要是看js): ...
随机推荐
- 【AndroidStudio】关于SVN的相关配置简介
AndroidStudio 的SVN 安装和使用方法与我以前用的其他IDE 都有很大差别,感觉特麻烦,网上相关资料很少,貌似现在 Git 比较流行,之前有用过 github 但是他只能是开源项目免费, ...
- JQuery-常用小组件
常用的小组件记录 1. 单选框.复选框重置样式效果 参考: http://www.cnblogs.com/sanshi/p/4369375.html 三生石上 参考: http://www.jq22. ...
- windows中操作文件和目录的函数
1.文件操作函数 CreateFile();//创建或打开文件 ReadFile();//从文件读 WriteFile();//向文件写 SetFilePoi ...
- javascript和jquery比较中学习
获取input的值: document.getElementById("id").value;这里查的是input的name属性 $('input').val(); 设置input ...
- C# XML配置文件读写类（用于程序配置保存）
调用方式 //初始化并指定文件路径 XmlConfigUtil util = new XmlConfigUtil("C:\\1.xml"); //写入要保存的值以及路径(Syste ...
- Kinetis学习笔记（一）——基于KSDK 2.0
- 如何在IIS6,7中部署ASP.NET网站(转载)
查看web.config文件 web.config通常会放在网站的根目录,这个文件中包含了一最重要的网站运行参数.比如: connectionStrings,httpHandlers,httpModu ...
- child_process小解
js是一种单进程单线程的语言,但现行的cpu都是多核的,为了解决单进程单线程对多核使用不足的问题,child_process应运而生,理想情况下每个进程各自利用一个内核. 主要有四种方法来创建子进程, ...
- 共享AFHTTPSessionManager 单例好处浅析
很多时候,AFNetworking都是目前iOS开发者网络库中的不二选择.Github上2W+的star数足见其流行程度.而从iOS7.0开始,苹果推出了新的网络库继承者NSURLSession后 ...
- SSM
今天内容安排 1:复习mybatis 2:复习springMVC 3:springMVC+spring+mybatis组合起来,搭建一个web应用开发的框架 4:用户管理系统,针对用户的CRUD操作, ...