一个即时表单验证的javascript代码

可爱吧--教你做可爱女人--化妆 美容 美化 瘦身 护肤--深圳可爱吧

// 此脚本由刘海民编写
// 网站:http://www.szrgb.net
// 邮箱:lovelium@gmail.com
var num=5;
var mon1=0;
var mon2=0;
var mon3=0;
var mon4=0;
var mon5=0;

//封装得到对像ID涵数
function getObj(objName){return(document.getElementById(objName));}

//input得到焦点效果
function showare(id){
for(var i=1;i=0 && whitespace.indexOf(s.charAt(i))!=-1)
{
i--;
}
s=s.substring(0,i+1);
}
return s;
}

//过滤
function LTrim(str)
{
var whitespace=new String(" \t\n\r");
var s=new String(str);
if (whitespace.indexOf(s.charAt(0))!=-1)
{
var j=0, i = s.length;
while (j=sLength)||(s.charAt(i)!="@"))
return false;
else
i+=2;
//找到'.'的位置
while((i=sLength-1)||(s.charAt(i)!="."))
return false;
else
return true;
}

//用户名检测
function checkloginname()
{

if (getObj("input1").value=="" || Trim(getObj("input1").value)=="")
{
getObj("sps1").innerHTML="请输入注册用户名!";

mon1=0;
getObj("checkuserme").disabled=true;
allok();
return false;
}else{
if (Trim(getObj("input1").value).indexOf(" ")>=0)
{
getObj("sps1").innerHTML="注册用户名中不能包含空格!";

mon1=0;
getObj("checkuserme").disabled=true;
allok();
return false;
}else{
if (Trim(getObj("input1").value).length注册用户名不能少于3个字符!";

mon1=0;
getObj("checkuserme").disabled=true;
allok();
return false;
}else{
if (Trim(getObj("input1").value).length>20)
{
getObj("sps1").innerHTML="注册用户名不能超过20个字符!";

mon1=0;
getObj("checkuserme").disabled=true;
allok();
return false;
}else{
getObj("sps1").innerHTML="用户名OK啦!但为了更好的注册希望您可以验证一下是否可用此用户名。很简单,点一下现在按钮就行啦!";
mon1=1;
getObj("checkuserme").disabled=false;
allok();
return false;
}
}
}
}
}

//输入密码检测
function checkpassword()
{

if (getObj("input2").value=="" || Trim(getObj("input2").value)=="")
{
getObj("sps2").innerHTML="请输入注册密码!";

mon2=0;
allok();
return false;
}else{
if (Trim(getObj("input2").value).indexOf(" ")>=0)
{
getObj("sps2").innerHTML="密码中不能包含空格!";

mon2=0;
allok();
return false;
}else{
if (Trim(getObj("input2").value).length密码不能少于4个字符!";

mon2=0;
allok();
return false;
}else{
if (Trim(getObj("input2").value).length>20)
{
getObj("sps2").innerHTML="密码不能超过20个字符!";

mon2=0;
allok();
return false;
}else{
getObj("sps2").innerHTML="密码设置OK啦!";
mon2=1;
allok();
return false;
}
}
}
}
}

//重复输入密码检测
function checkreturnpass()
{

if (getObj("input3").value=="" || Trim(getObj("input3").value)=="")
{
getObj("sps3").innerHTML="请确认密码!";

mon3=0;
allok();
return false;
}else{
if(getObj("input2").value!=getObj("input3").value)
{
getObj("sps3").innerHTML="您两次输入的密码不相符!"

mon3=0;
allok();
return false;
}else{
getObj("sps3").innerHTML="您两次输入的密码十分相符!"
mon3=1;
allok();
return false;
}
}
}

//邮箱检测
function checkmyemail()
{
if (getObj("input4").value=="" || Trim(getObj("input4").value)=="")
{
getObj("sps4").innerHTML="请正确输入您的E-Mail地址!"

mon4=0;
allok();
return false;
}else{
if(!isemail(getObj("input4").value))
{
getObj("sps4").innerHTML="您输入的E-Mail地址无效!"

mon4=0;
allok();
return false;
}else{
getObj("sps4").innerHTML="您输入的E-Mail地址OK啦!"
mon4=1;
allok();
return false;
}
}
}

//同意按钮检测
function chekme1(){
mon5=1;
allok();
return false;
}

function chekme2(){
mon5=0;
allok();
return false;
}

//全部检测(选部分检测)
function checkall(){
if (getObj("input1").value=="" || Trim(getObj("input1").value)=="")
{
getObj("sps1").innerHTML="请输入注册用户名!";
mon1=0;
allok();
return false;
}

if (getObj("input2").value=="" || Trim(getObj("input2").value)=="")
{
getObj("sps2").innerHTML="请输入注册密码!";
mon2=0;
allok();
return false;
}
if (getObj("input3").value=="" || Trim(getObj("input3").value)=="")
{
getObj("sps3").innerHTML="请确认密码!";
mon3=0;
allok();
return false;
}
if (getObj("input3").value!=getObj("input2").value)
{
getObj("sps3").innerHTML="请确认密码正确!";
mon3=0;
allok();
return false;
}

if (getObj("input4").value=="" || Trim(getObj("input4").value)=="")
{
getObj("sps4").innerHTML="请正确输入您的E-Mail地址!"
mon4=0;
allok();
return false;
}
}

//重要,AJAX检测检证码
function GetResultjishu()
{
var maxid1;
var oBao1 = false;
/*@cc_on @*/
/*@if (@_jscript_version >= 5)
try {
oBao1 = new ActiveXObject("Msxml2.XMLHTTP");
} catch (e) {
try {
oBao1 = new ActiveXObject("Microsoft.XMLHTTP");
} catch (e2) {
oBao1 = false;
}
}
@end @*/
if (!oBao1 && typeof XMLHttpRequest != 'undefined') {
oBao1 = new XMLHttpRequest();
}
oBao1.open("POST","readseion.asp",false);
oBao1.setRequestHeader("Content-Type","application/x-www-form-urlencoded")
oBao1.send();
//服务器端处理返回的是经过escape编码的字符串.
maxid1 = unescape(oBao1.responseText);
getObj("mycode").innerHTML=maxid1;
//document.getElementById("showf").innerHTML=maxid1;
}

//检测验证码
function checkcode(){
GetResultjishu();
if (getObj("yanzheng").value=="" || Trim(getObj("yanzheng").value)=="")
{
getObj("sps5").innerHTML="请正确输入验证码!"
return false;
}else{
if (getObj("mycode").innerHTML==Trim(getObj("yanzheng").value))
{
getObj("sps5").innerHTML="验证码正确啦!"
}else
{
getObj("sps5").innerHTML="请正确输入验证码!"
return false;
}
}
}

//用户名检测
function myuser(){
var pageId=getObj("input1").value;
/*
*--------------- GetResult() -----------------
* GetResult()
* 功能:通过XMLHTTP发送请求,返回结果.
*--------------- GetResult() -----------------
*/
/* Create a new XMLHttpRequest object to talk to the Web server */
var oBao = false;
/*@cc_on @*/
/*@if (@_jscript_version >= 5)
try {
oBao = new ActiveXObject("Msxml2.XMLHTTP");
} catch (e) {
try {
oBao = new ActiveXObject("Microsoft.XMLHTTP");
} catch (e2) {
oBao = false;
}
}
@end @*/
if (!oBao && typeof XMLHttpRequest != 'undefined') {
oBao = new XMLHttpRequest();
}
//特殊字符:+,%,&,=,?等的传输解决办法.字符串先用escape编码的.
//Update:2004-6-1 12:22
var userInfoo = "pageid="+pageId;
oBao.open("POST","checkuser.asp",false);
oBao.setRequestHeader("Content-Type","application/x-www-form-urlencoded")
oBao.send(userInfoo);
//服务器端处理返回的是经过escape编码的字符串.
var strResult = unescape(oBao.responseText);
//将字符串分开.
if (strResult==getObj("input1").value){
getObj("sps1").innerHTML="不行啦,有重名啦Q!";
mon1=0;
allok();
return false;
}else{
getObj("sps1").innerHTML="用户名OK啦!可以进行下步啦!";
mon1=1;
allok();
return false;
}
}

//修改验证码
function changecode(){
myc.location.href="tocod.asp";
}

//发送扭钮状态检测
function allok(){
if (mon1==1&&mon2==1&&mon3==1&&mon4==1&&mon5==1){
getObj("Submit").disabled=false;
}else{
getObj("Submit").disabled=true;
}
}

//复位
function resetall(){
for(var i=1;i

女人沙龙注册步骤-注册社区ID >> 进入社区

注册登陆名:

3~20个合法字符(包括大小写字母、数字、下划线、中文),一旦注册成功用户名不能修改。

接受相关协议:

接受

不接受 相关协议

注册密码:

密码区分大小写,4~20个合法字符组成,请尽量使用英文字母加数字或符号的组合密码。

重复密码:

请再输入一遍您上面输入的密码。

电子邮件:

E-mail非常重要!这是我们与您联系的首选方式,以及接收我们的服务和取回密码的途径,请务必填写真实,并确认是您最常用的电子邮件。

验 证 码:
  
请输入您的验证码!d

[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

您可能感兴趣的文章:

  • jquery validate.js表单验证的基本用法入门
  • js 常用正则表达式表单验证代码
  • JavaScript 表单验证正则表达式大全[推荐]
  • AngularJS实现表单验证
  • 收藏的js表单验证控制代码大全
  • javascript制作的简单注册模块表单验证
  • 工作中常用到的JS表单验证代码(包括例子)
  • javascript表单验证 - Parsley.js使用和配置
  • javascript表单验证使用示例(javascript验证邮箱)
  • AngularJS使用ngMessages进行表单验证
  • JS 表单验证大全
  • php用户注册页面利用js进行表单验证具体实例
  • JS表单验证方法实例小结【电话、身份证号、Email、中文、特殊字符、身份证号等】

Tags:一个即时表单验证的javascript代码

相关文章

  • 2006-07-07显示、隐藏密码
  • 2007-10-10javascript select 之间传值效果的代码
  • 2009-10-10签名框(Textarea)限制文字数量并适时提示
  • 2009-11-11javascript 设置某DIV区域内的checkbox复选框
  • 2009-07-07javascript 焦点的两个问题
  • 2006-12-12检测邮箱地址是否合法 Check Mail Address (For: IE5+、FF1.06、
  • 2009-02-02让input不可点击的另一种方法
  • 2006-12-12取得input元素中部分选中(selected)的值
  • 2010-04-04js获取当前select 元素值的代码
  • 2009-09-09javaScript 简单验证代码(用户名,密码,邮箱)

最新评论

(0)

相关推荐

  • javascript制作的简单注册模块表单验证

    一个注册框  进行表单验证处理 如图 有简单的验证提示功能 代码思路也比较简单 输入框失去焦点时便检测,并进行处理 表单具有 onsubmit = "return check()"行为,处理验证情况 点击提交表单按钮时,进行最终的验证,达到是否通过表单提交的请求. 先是最基本的html+css部分 <style type="text/css"> body{margin:0;padding: 0;} .login{position:relative;mar

  • 收藏的js表单验证控制代码大全第1/3页

    关键字:js验证表单大全,用JS控制表单提交 ,javascript提交表单: 目录: 1:js 字符串长度限制.判断字符长度 .js限制输入.限制不能输入.textarea 长度限制  2.:js判断汉字.判断是否汉字 .只能输入汉字 3:js判断是否输入英文.只能输入英文 4:js只能输入数字,判断数字.验证数字.检测数字.判断是否为数字.只能输入数字 5:只能输入英文字符和数字 6: js email验证 .js 判断email .信箱/邮箱格式验证 7:js字符过滤,屏蔽关键字 8:js

  • JavaScript 表单验证正则表达式大全[推荐]

    具体和函数结合的使用方法,还请查看下篇文章 JavaScript 使用正则表达式进行表单验证的示例代码 复制代码 代码如下: 匹配中文字符的正则表达式: [u4e00-u9fa5] 评注:匹配中文还真是个头疼的事,有了这个表达式就好办了 匹配双字节字符(包括汉字在内):[^x00-xff] 评注:可以用来计算字符串的长度(一个双字节字符长度计2,ASCII字符计1) 匹配空白行的正则表达式:ns*r 评注:可以用来删除空白行 匹配HTML标记的正则表达式:< (S*?)[^>]*>.*?

  • 工作中常用到的JS表单验证代码(包括例子)

    复制代码 代码如下: ////----------------Author Teng------------- //验证是否为空 function check_blank(obj, obj_name){ if(obj.value != ''){ return true; }else{ alert(obj_name + "所填不能为空!"); obj.value = ""; return false; } } //过滤输入字符的长度 function check_st

  • AngularJS使用ngMessages进行表单验证

    AngularJS 诞生于2009年,由Misko Hevery 等人创建,后为Google所收购.是一款优秀的前端JS框架,已经被用于Google的多款产品当中.AngularJS有着诸多特性,最为核心的是:MVVM.模块化.自动化双向数据绑定.语义化标签.依赖注入等等. 名称为"ngMessages"的module,通过npm install angular-messages进行安装.在没有使用ngMessages之前,我们可能这样写验证: <form name="

  • AngularJS实现表单验证

    虽然我不是前端程序员,但明白前端做好验证是多么重要. 因为这样后端就可以多喘口气了,而且相比后端什么的果然还是前端可以提高用户的幸福感. AngularJS提供了很方便的表单验证功能,在此记录一番. 首先从下面这段代码开始 复制代码 代码如下: <form ng-app="myApp" ng-controller="validationController" name="mainForm" novalidate>     <p&

  • javascript表单验证使用示例(javascript验证邮箱)

    被 JavaScript 验证的这些典型的表单数据有: 用户是否已填写表单中的必填项目?用户输入的邮件地址是否合法?用户是否已输入合法的日期?用户是否在数据域 (numeric field) 中输入了文本?必填(或必选)项目 下面的函数用来检查用户是否已填写表单中的必填(或必选)项目.假如必填或必选项为空,那么警告框会弹出,并且函数的返回值为 false,否则函数的返回值则为 true(意味着数据没有问题): 复制代码 代码如下: function validate_required(field

  • jquery validate.js表单验证的基本用法入门

    这里转载一篇前辈写的文章,在我自己的理解上修改了一下,仅作记录. 先贴一个国内某大公司的代码: 复制代码 代码如下: <script type="text/javascript"> function lang(key) { mylang = { 'ls_input_myb': '请输入您的账户', 'ls_myb_email': '漫游币账户为邮箱地址', 'ls_login_password': '请输入您的登录密码', 'ls_password_length': '密码

  • JS表单验证方法实例小结【电话、身份证号、Email、中文、特殊字符、身份证号等】

    本文实例总结了JS表单验证方法.分享给大家供大家参考,具体如下: 回回写表单,回回要写不同的检查JS,很麻烦,后来写了通用的检查函数,很粗糙,但比较实用,以后再好好改改: 包含页: Check-Form.js 代码如下: //规则检查排序 function RegCheck(objs) { var str = objs.checktype; switch (str) { case "cn" : //要检查的表单控件的输入类型必须为中文 return CnWordRegCheck(obj

  • js 常用正则表达式表单验证代码

    正则表达式使用详解 简介 简单的说,正则表达式是一种可以用于模式匹配和替换的强有力的工具.其作用如下:测试字符串的某个模式.例如,可以对一个输入字符串进行测试,看在该字符串是否存在一个电话号码模式或一个信用卡号码模式.这称为数据有效性验证.替换文本.可以在文档中使用一个正则表达式来标识特定文字,然后可以全部将其删除,或者替换为别的文字.根据模式匹配从字符串中提取一个子字符串.可以用来在文本或输入字段中查找特定文字. 基本语法 在对正则表达式的功能和作用有了初步的了解之后,我们就来具体看一下正则表

  • javascript表单验证 - Parsley.js使用和配置

    在线演示 大家还记得我们曾经介绍过的表单验证jquery插件jquery.validationEngine吧,使用这个插件你不需要写任何一行js代码就可以生成一个功能强大的表单验证功能.是不是超棒? 今天介绍的Parsley同样也可以帮助你只使用简单的配置即可实现表单验证功能,基于它的强大DOM-API. 主要特性 •基于超棒的用户体验 •超级方便配置 •超轻量级(压缩后12K),支持jQuery和Zepto •超简单,只需要简单配置DOM-API,类似jQuery的data API •绝对免费

  • php用户注册页面利用js进行表单验证具体实例

    复制代码 代码如下: <!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 ht

  • JS 表单验证大全

    1.只能输入数字和英文的: <input onkeyup="value=value.replace(/[/W]/g,'') " onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^/d]/g,''))" ID="Text1" NAME="Text1"> 2.只能输入数字的: <input on

随机推荐