<!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. DB2的基础指令 学习笔记

    =======DB2基础指令======= 1.打开数据库db2 connect to 数据库名;2.查看数据库中有哪些表db2 list tables ;3.查看数据库中的表结构db2 descri ...

  2. HDU 5908 Abelian Period (BestCoder Round #88 模拟+暴力)

    HDU 5908 Abelian Period (BestCoder Round #88 模拟+暴力) 题目链接http://acm.hdu.edu.cn/showproblem.php?pid=59 ...

  3. xampp版本和具体的php，mysql版本的对应

    在国外网上查找到具体的xampp版本与php,mysql版本的对应关系,特此记录.以便需要的人使用.原文链接如下: http://code.stephenmorley.org/articles/xam ...

  4. Activiti（工作流）学习资源总结

    刚进公司第一个项目就是oa项目,不会activiti,只得自学,途中搜集到的activiti学习资源总结 1.activiti初体验 http://blog.csdn.net/bluejoe2000/ ...

  5. SQL 查询优化 索引优化

    sql语句优化 性能不理想的系统中除了一部分是因为应用程序的负载确实超过了服务器的实际处理能力外,更多的是因为系统存在大量的SQL语句需要优化. 为了获得稳定的执行性能,SQL语句越简单越好.对复杂的 ...

  6. 常用python处理try except异常的三种方式

    如果你在写python程序时遇到异常后想进行如下处理的话,一般用try来处理异常,假设有下面的一段程序: try:     语句1     语句2     .     .     语句N except ...

  7. linux下卸载和安装mysql数据库的方法

    1.1  MySQL下载 下载地址:http://www.mysql.com/downloads/mysql/5.5.html#downloads 版本:5.1.68 平台:linux general ...

  8. ftp服务器端的安装及配置

    搭建过程 安装 vsftp 服务(yum 安装即可) 配置/etc/vsftpd/vsftpd.conf   anonymous_enable=NO #禁止匿名登录 local_enable=YES ...

  9. python的模块！

    以下是对模块的理解,和总结 <1>模块是什么 模块是这样用的 import os 这就是导入了os模块 这和c语言里的#include<stdio.h>导入方式是一样的 导入了 ...

  10. open（）的模块

    对文件操作流程: 1.打开文件,得到文件句柄并赋值给一个变量 2.通过句柄对文件进行操作 3.关闭文件 mode can be: *  'r' 只读. * 'w' 写入,如果之前有就覆盖 * 'a' ...