JavaScript学习——使用JS完成注册页面表单校验

1.步骤分析第一步:确定事件(onsubmit)并为其绑定一个函数第二步:书写这个函数(获取用户输入的数据<获取数据时需要在指定位置定义一个 id>) 第三步:对用户输入的数据进行判断第四步:数据合法(让表单提交) 第五步:数据非法(给出错误提示信息,不让表单提交) 问题:如何控制表单提交? 关于事件 onsubmit:一般用于表单提交的位置,那么需要在定义函数的时候给出一个返回值. onsubmit = return checkForm() 2.完成注册页面表单校验(此案例注册页面表…

【JavaScript】案例一：使用JS完成注册页面表单校验——事件(onsubmit&onfocus&onblur)

(一)初版:事件(onsubmit) 步骤分析: 第一步:确定事件(onsubmit)并为其绑定一个函数第二步:书写这个函数(获取用户输入的数据<获取数据时需要在指定位置定义一个 id>) 第三步:对用户输入的数据进行判断第四步:数据合法(让表单提交) 第五步:数据非法(给出错误提示信息,不让表单提交) 问题:如何控制表单提交? 关于事件 onsubmit:一般用于表单提交的位置,那么需要在定义函数的时候给出一个返回值. onsubmit = return checkForm() …

JavaScript学习——完善注册页面表单校验

1.之前我们已经使用弹出框的方式实现了表单校验的功能,但是此种方式用户体验效果很差我们希望做成把提示信息和校验结果放在输入栏的后面. 2.步骤分析 (此案例基于HTML&CSS——网站注册页面实现的) 第一步:确定事件(onfocus 聚焦事件)并为其绑定一个函数第二步:书写绑定函数(在输入框的后面给出提示信息) 第三步:确定事件(onblur 离焦事件)并为其绑定一个函数第四步:书写函数(对数据进行校验,分别给出提示) JS代码:(传入参数的目的减少重复代码,增加通用性) <scri…

JS应用实例1：注册页面表单校验

这里是简单的前端校验,后边还会介绍后台的校验. 多重校验保证获取安全数据步骤: 1.确定事件onsubmit,并绑定函数 2.编写函数,作用是获取输入数据 3.判断数据是否合法,合法则提交,否则表单不提交 HTML代码: <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <body> &…

js正则表达式注册页面表单验证

可以这样校验 <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>表单验证类Validator v1</title> <style> body,td{font:normal 12px Verdana;color:#333333} input,textarea,sel…

分享一篇最近新写的jquery注册页面表单校验的程序，仅供参考

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>英雄联盟成员注册</title> <link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css"> &l…

angularjs+ionic注册页面表单验证（手机号、确认密码、60s后重发验证码）

在已建立tabs和路由的注册页面html: 功能: 进行了手机号.密码格式验证,两次密码输入是否相同的判断,都正确且复选框勾选后才可点击注册,进入tabs.mypage页面. 未进行验证码真正发送.获取后台验证码数据与输入验证码进行对比. 使用: 4-- novalidate:禁止执行<form>表单原生校验,避免与自己设置的校验方法起冲突 7-- type="number":限定输入数字类型:required:限定不能为空:ng-minlength/ng-maxlengt…

JQuery注册页面表单检验完善

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>注册页面</title> <script type="text/javascript" src="../js/jquery-1.8.3.js" ></script> <script type="text/javascr…

JS实现给页面表单设置触发默认按钮

var defaultBtnId; function setDefaultButton(id) { defaultBtnId = id; } document.onkeydown = function (e) { var theEvent = window.event || e; var code = theEvent.keyCode || theEvent.which; if (code == 13) { if (typeof (defaultBtnId) != "undefined"…

JavaScript学习12 JS中定义对象的几种方式

JavaScript学习12 JS中定义对象的几种方式 JavaScript中没有类的概念,只有对象. 在JavaScript中定义对象可以采用以下几种方式: 1.基于已有对象扩充其属性和方法 2.工厂方式 3.构造函数方式 4.原型(“prototype”)方式 5.动态原型方式一.基于已有对象扩充其属性和方法 <script type="text/javascript"> var object = new Object(); object.name = "z…

JavaScript学习10 JS数据类型、强制类型转换和对象属性

JavaScript学习10 JS数据类型.强制类型转换和对象属性 JavaScript数据类型 JavaScript中有五种原始数据类型:Undefined.Null.Boolean.Number以及String. Undefined数据类型的值只有一个:undefined. 在JavaScript中,如果函数没有声明返回值,那么会返回undefined.(后面有实例). 如果typeof后面跟一个未定义的参数,也是返回undefined. Null数据类型的值只有一个:null. null与…

JavaScript学习06 JS事件对象

JavaScript学习06 JS事件对象事件对象:当事件发生时,浏览器自动建立该对象,并包含该事件的类型.鼠标坐标等. 事件对象的属性:格式:event.属性. 一些说明: event代表事件的状态,例如触发event对象的元素.鼠标的位置及状态.按下的键等等: event对象只在事件发生的过程中才有效. firefox里的event跟IE里的不同,IE里的是全局变量,随时可用:firefox里的要用参数引导才能用,是运行时的临时变量. 在IE/Opera中是window.event,在Fi…

JavaScript学习03 JS函数

JavaScript学习03 JS函数函数就是包裹在花括号中的代码块,前面使用了关键词function: function functionName() { 这里是要执行的代码 } 函数参数函数的参数可以任意多个,不用声明变量类型,只用给出变量名: function myFunction(name, job) { 这里是要执行的代码 } 函数返回值在函数中使用return语句,函数会停止执行,返回调用它的地方. 函数的返回值也不用声明类型,直接返回即可. function myFuncti…

使用JQuery.Validate插件来校验页面表单有效性

使用JQuery.Validate插件来校验页面表单有效性1. [代码] 常见的注册表单元素 <form action="#" method="post" id="regist"> <table cellpadding="0" cellspacing="0" border="0" class="form_table"> …

SpringMVC接收页面表单参数-java-电脑编程网

body { font-family: "Microsoft YaHei UI","Microsoft YaHei",SimSun,"Segoe UI",Tahoma,Helvetica,Sans-Serif,"Microsoft YaHei", Georgia,Helvetica,Arial,sans-serif,宋体, PMingLiU,serif; font-size: 10.5pt; line-height: 1.5;…

html 页面表单如果是disabled,则不能提交到服务器端，request.getParameter得到的将为null

html 页面表单如果是disabled,则不能提交到服务器端,request.getParameter得到的将为null 解决方法:使用hidden 利用javascript赋值,传递到后台…

把JSON数据载入到页面表单的两种思路（对easyui自带方法进行改进）

#把JSON数据载入到页面表单的两种思路(对easyui自带方法进行改进) ##背景项目中经常需要把JSON数据填充到页面表单,一开始我使用easyui自带的form load方法,觉得效率很低,经常在载入数据的时候有假死现象(实际项目中的表单一般都100-200个字段以上),而且不能处理radio/checkbox的情况.(easyui的思路是把它们都用combo去处理) ##思路问题可以转化为,现在有一堆JSON数据,有一个表单,可能是一一对应的,要把这个数据填写到表单上,一般说来有两种…

记录ASP.NET页面表单初始状态(主要是为了前台可以根据这个判断页面是否变动了)

把页面表单状态记录到HiddenField中. 这里只提供后台代码, 前台逻辑根据需求自由定义. 存放值的ViewState: protected Dictionary<string, string> HiddenFieldForOriginal { get { var data = ViewState["HiddenFieldForOriginal"]; if (data == null) { Dictionary<string, string> ndata…

JavaScript学习12 JS中定义对象的几种方式【转】

avaScript学习12 JS中定义对象的几种方式转自: http://www.cnblogs.com/mengdd/p/3697255.html JavaScript中没有类的概念,只有对象. 在JavaScript中定义对象可以采用以下几种方式: 1.基于已有对象扩充其属性和方法 2.工厂方式 3.构造函数方式 4.原型("prototype")方式 5.动态原型方式一.基于已有对象扩充其属性和方法 <script type="text/javascri…

JavaScript学习——使用JS完成页面定时弹出广告

1.获取图片的位置(document.getElementById(“”)) 隐藏图片:display:none 定时操作:setInterval(“显示图片的函数”,3000); 2.步骤分析 (此案例页面定时弹出广告基于JavaScript学习——实现首页轮播图效果实现的) 第一步:在页面指定位置隐藏一个广告图片(使用 display 属性的 none 值) 第二步:确定事件(onload)并为其绑定一个函数第三步:书写这个函数(设置一个显示图片的定时操作) 第四步: 书写定时器中的函数…

JAVAscript学习笔记 js句柄监听事件第四节（原创）参考js使用表

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>句柄添加监听事件</title> <script type="text/javascript" src="tzy.js"></script> </head> <body>…

【php页面表单提交】form校验后再提交，非ajax提交

form表单校验后,在执行提交动作: <form method="post" action="{:U('Custom/addmsg')}" id="massage"> <ul> <li><input name="name" maxlength="18" type="text" placeholder="您的姓名" class=…

JavaScript学习笔记——JS中的变量复制、参数传递和作用域链

今天在看书的过程中,又发现了自己目前对Javascript存在的一个知识模糊点:JS的作用域链,所以就通过查资料看书对作用域链相关的内容进行了学习.今天学习笔记主要有这样几个关键字:变量.参数传递.执行环境.变量对象.作用域链. 1.变量变量需要注意的有两点:变量声明和复制变量值. 变量声明肯定大家都很熟悉,在JS中我们都是通过 var 关键字进行变量声明的.JS中规定,通过var声明的变量会被添加到最近的环境中,如果声明并且初始化一个变量没有用到var关键字,这个变量会被添加到全局环境中.…

【JavaScript学习】-JS内置对象1-对象概述

对象(object): JavaScript 中的所有事物都是对象,如:字符串.数值.数组.函数等,每个对象带有属性和方法.JavaScript 提供多个内建对象,比如 String.Date.Array 等等. 对象的属性: 反映该对象某些特定的性质的,如:字符串的长度.图像的长宽等: 对象的方法: 能够在对象上执行的动作.例如,表单的“提交”(Submit),时间的“获取”(getYear)等: 对象定义: 使用对象前要先定义,如下使用数组对象: var objectName=new Ar…

【javascript】javascript学习之js脚本的解析步骤

将javascript代码加入到HTML代码中,即使用<script>标签的方式有两种:直接嵌入页面中和使用外部js文件. 使用<script>标签嵌入html代码中时,需要指定其类型:type="text/javascript".不过在html5标准中<script>标签的type默认为"text/javascript",可以省略不写,不过考虑到低版本的兼容问题,一般还是加上比较好. 嵌入式js代码: 添加到<script…

原生 javascript 学习之 js变量

1.变量的命名方法的命名(驼峰命名法) 全部小写 : 单词与单词之间全部下划线 (my_namespace) 大小写混合 : 第一个单词首字母小写其他单词首字母大写. 规则首字符英文字母或下划线组成英文字母数字下划线禁忌 JavaScript 关键字保留字 2. 变量的声明显示声明 : var 关键字陋习 : 没有类型重复声明隐式声明不声明直接赋值正解 : 先声明后读写先赋值后运算 3. 变量类型值类型 A) 占…

【JavaScript学习】-JS内置对象3-String对象

定义: 定义字符串的方法就是直接赋值,例如:var mystr="Javascript is good!"; 访问字符串的属性: length属性 eg:var myl=mystr.length;//则myl长度为19(空格.符号都要算进去,末尾不像C语言那样还有一个null占一位) 访问字符串的方法: toUpperCase() 方法:将字符转换成大写字母 eg: var mystr="Javascript"; var upstr=mystr.toUpperCas…

javascript 学习笔记 -- js获取本地文件信息

JavaScript是跑在浏览器中,所以对于JavaScript读取本地文件不想c++ 和 java那样easy.网上有很多关于读取本地文件的方法,许多是用ActiveXObject控件.ActiveXObject是微软特有的,只能在IE内核的浏览器中运行,所以也不是一个好方法. 这里,介绍一种用Xml读取本地文件的方法. 第一步: Ngnix 服务器配置下载ngnix(http://nginx.org/en/download.html), 解压缩之后,打开nginx\conf\nginx.c…

1. JavaScript学习笔记——JS基础

1. JavaScript基础 1.1 语法严格区分大小写标识符,第一个字符可以是 $,建议使用小驼峰法, 保留字.关键字.true.false.null不能作为标识符 JavaScript是用Unicode字符集编写的 1.2 数据类型判断数据类型: typeof xxx 定义变量: var xxx = yyy; 函数内部不加var可以定义全局变量可以随意改变类型 var a,b,c; 定义多个变量 Number 类型: 包括整数和小数 var n=0x111;//十六进制 var n…

JavaScript学习笔记-Js操控HTML5 <progress> 标签

Js操控----HTML5 <progress> 标签简单模拟下下载进度跑条 <h4>加载进度</h4> <input type="button" value="下载" onclick="DownloadStart();" /> <progress id="Download" value="" max="100"></p…

【JavaScript学习——使用JS完成注册页面表单校验】的更多相关文章