JavaScript -- 正则表达式检验表单提交的内容

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />

<title>无标题文档</title>

<script type="text/javascript">

var checkUsernameflag;

function checkUsername(inputNode)

{

	var name = inputNode.value;

	var namereg = new RegExp("^[a-z]{5}$", "i");  //5个字母, i 可选，忽略大小写

	var returnCode = name.match(namereg);

	var spanNode1 = document.getElementById("useryes");

	var spanNode2 = document.getElementById("userno");

	if(returnCode!=null)

	{

		spanNode1.style.display = "inline";

		spanNode1.style.color = "green";

		spanNode2.style.display = "none";

		checkUsernameflag = true;

	}

	else

	{

		spanNode2.style.display = "inline";

		spanNode2.style.color = "red";

		spanNode1.style.display = "none";

		checkUsernameflag = false;

	}

}

var checkPwdflag;

function checkPwd(pwdNode)

{

	var pwd = pwdNode.value;

	var pwdreg = new RegExp("^[0-9]{5}$");  //5个数字

	var returnCode = pwd.match(pwdreg);

	var spanNode = document.getElementById("pwdspan");

	if(returnCode!=null)

	{

		spanNode.innerHTML = "密码正确".fontcolor("green");

		checkPwdflag = true;

	}

	else

	{

		spanNode.innerHTML = "密码格式对".fontcolor("red");

		checkPwdflag = false;

	}

}

var RecheckPwdflag;

function RecheckPwd(pwdNode)

{

	var pwd2 = pwdNode.value;

	var pwd1 = document.getElementsByName("passwd1")[0].value;

	var spanNode = document.getElementById("repwdspan");

	if(pwd2!="" && pwd1!="" && pwd1==pwd2)

	{

		spanNode.innerHTML = "密码确认正确".fontcolor("green");

		RecheckPwdflag = true;

	}

	else

	{

		spanNode.innerHTML = "密码与上次不符".fontcolor("red");

		RecheckPwdflag = false;

	}

}

var checkMailflag;

function checkMail(mailNode)

{

	var mail = mailNode.value;

	var mailreg = new RegExp("^\\w+@\\w+(\\.\\w+)+$");  //邮件正则表达式

	var returnCode = mail.match(mailreg);

	var spanNode = document.getElementById("mailspan");

	if(returnCode!=null)

	{

		spanNode.innerHTML = "邮件格式正确".fontcolor("green");

		checkMailflag = true;

	}

	else

	{

		spanNode.innerHTML = "邮件格式不正确".fontcolor("red");

		checkMailflag = false;

	}

}

function checkSubmit()

{

	if(checkUsernameflag==true && checkPwdflag==true && RecheckPwdflag==true && checkMailflag==true)

		return true;

	else

		return false;

}

</script>

</head>

<body>

<form action="http://www.baidu.com" method="get" onsubmit="return checkSubmit()">

用户名：<input type="text" name="user" onblur="checkUsername(this)" />

<span id="useryes" style="display:none">用户名正确</span> <span id="userno" style="display:none">用户名错误</span>

<br/>

密码：	<input type="password" name="passwd1"  onblur="checkPwd(this)"/>  <span id="pwdspan"></span>

<br/>

确认密码：<input type="password" name="passwd2" onblur="RecheckPwd(this)"/>  <span id="repwdspan"></span>

<br/>

邮件地址：<input type="text" name="mail"  onblur="checkMail(this)"/> <span id="mailspan"></span>

<br/>

提交： <input type="submit" name="submit" value="提交" />

</form>

</body>

</html>

JavaScript -- 正则表达式检验表单提交的内容的更多相关文章

【HTML相关】iframe+javascript实现一个表单提交后多个处理文件按序处理
最近在弄一个网页的问题,总结如下. [问题描述] 页面中包括以下几个部分:1)表单form,供用户输入图片文件:2)iframe1,显示a.php文件的内容,a.php接收客户端图片并保存,后台程序处 ...
编写HTML表单提交并接受数据信息（获取用户通过表单提交的内容）
MyInfoForm.java package com.fxl; import java.io.IOException; import java.io.PrintWriter; import java ...
JavaScript控制阻止表单提交
1.在表单上使用onSubmit方法 <?php $form = ActiveForm::begin([ 'options'=>[ 'class' => 'form-horizont ...
使用jsp内置对象request获取表单提交中文内容乱码的解决办法
page1.jsp <%@ page language="java" contentType="text/html; charset=UTF-8" pag ...
表单提交textarea内容，第一次获取不到值，第二次才能获取到的解决方法：
因为KindEditor的可视化操作在新创建的iframe上执行,代码模式下的textarea框也是新创建的,所以最后提交前需要执行 sync() 将HTML数据设置到原来的textarea. Kin ...
javaweb项目中jsp的from表单提交action内容与web.xml的servlet-mapping对应
login.jsp <%@ page contentType="text/html;charset=UTF-8" language="java" %> ...
javascript实现表单提交加密
javascript实现表单提交加密通常表单的提交有两种方式,一是直接通过html的form提交,代码如下: <form action="" method="&q ...
js实现表单提交submit()，onsubmit
通常表单的提交有两种方式,一是直接通过html的form提交,代码如下: <form action="" method="" id="forms ...
浅谈 form 表单提交
原创文章,转载请注明出处:http://www.cnblogs.com/weix-l/p/7675230.html 若有错误,请评论指出,谢谢! Form 对象代表一个 HTML 表单.在 HTML ...

随机推荐

3993: [SDOI2015]星际战争
3993: [SDOI2015]星际战争 Time Limit: 10 Sec Memory Limit: 128 MBSec Special JudgeSubmit: 1244 Solved: ...
基于jquery 移动插件的实现
引用谢灿勇地址 http://www.cnblogs.com/st-leslie/p/6002148.html 一个思路分析:大致上实现的思路有以下两种. 一.判断块是否被按下(mousedown ...
【python】-- Django Form
Django Form Django的Form主要具有一下几大功能: 生成HTML标签验证用户数据(显示错误信息) HTML Form提交保留上次提交数据初始化页面显示内容(自定义样式) 一.F ...
数据库时间类型和 util 包下时间类型转换
Java 中的类型 1. java.sql 包下给出三个数据库相关的日期时间类型,分别是 java.sql.Date, 表示日期,只有年月日,没有时分秒. java.sql.Time, 表示时间, 只 ...
VCL控件组件大都应该重载TWinControl的虚函数WndProc来进行处理窗口消息的工作
TWinControl的构造函数中会调用MakeObjectInstance并且传递MainWndProc作为窗口消息处理函数,而MainWndProc则会调用虚函数WndProc来处理窗口消息.留个 ...
Springboot整合thymeleaf模板
Thymeleaf是个XML/XHTML/HTML5模板引擎,可以用于Web与非Web应用. Thymeleaf的主要目标在于提供一种可被浏览器正确显示的.格式良好的模板创建方式,因此也可以用作静态建 ...
Jquery的each遍历数据组成JSON
遍历每个标签的值 html代码: <volist name="parArr" id="item" key="$key"> ...
PHPExcel实现上传excel文件导入数据库
项目中需要批量导入数据,感觉这个需求以后也会经常用,必须总结分享下: 引入jquery的第三方表单插件: <scripttype="text/javascript&qu ...
java NIO 模型（一）
1. 阻塞I/O通信模型 1.性能:一连接一线程模型导致服务端的并发接入数和系统吞吐量受到极大限制 2.可靠性:由于IO操作采用同步阻塞模式,当网络拥塞或者逻辑处理缓慢会导致IO线程被挂住,阻塞时间无 ...
Linux中的预定义变量
解释: 主要是Bash中已经定好的变量,名称不能自定义,作用也是固定的 $? 最后一次执行的命令返回状态,0为成功,非0为失败 $$ 当前进程的进程号 $! 后台运行的最后一个进程的进程号例子: [ ...

JavaScript -- 正则表达式 检验表单提交的内容

JavaScript -- 正则表达式 检验表单提交的内容的更多相关文章

随机推荐

热门专题

JavaScript -- 正则表达式检验表单提交的内容

JavaScript -- 正则表达式检验表单提交的内容的更多相关文章