自制表单js验证代码,大家给意见

以下是js验证部分代码:

<script language="javascript" type="text/javascript">
  //用户名验证
    function checkUsername(){
	    var username = document.getElementById("username").value;
		var usernameMsg = document.getElementById("usernameMsg");
		if(username.length>=4&&username.length<=15){
		   usernameMsg.innerHTML="<font color=green>此用户名可以使用</font>";
		}else{
		   usernameMsg.innerHTML="<font color=red>此用户名输入有误!</font>"; 
		}
	}

//密码验证
	function checkPassword(){
	   var password = document.getElementById("password").value;
		var passwordMsg = document.getElementById("passwordMsg");
		if(password.length>=6&&password.length<=20){
		   passwordMsg.innerHTML="<font color=green>此密码可以使用</font>";
		}else{
		   passwordMsg.innerHTML="<font color=red>此密码输入有误!</font>";
		}
	}
//重复密码验证
	function checkPassword2(){
	    var password = document.getElementById("password").value;
		var password2 = document.getElementById("password2").value;
		var passwordMsg2 = document.getElementById("passwordMsg2");
		if(password2!=""){
		   if(password==password2){
			   passwordMsg2.innerHTML="<font color=green>确认密码正确</font>";
			}else{
			   passwordMsg2.innerHTML="<font color=red>两次输入的密码不相等!</font>";
			}
		}else{
		   passwordMsg2.innerHTML="<font color=red>密码不能为空!</font>";
		}
	}
//邮箱验证
	function checkEmail(temp){
	  var reg = /^([a-zA-Z0-9]+[_|\_|\.]?)*[a-zA-Z0-9]+@([a-zA-Z0-9]+[_|\_|\.]?)*[a-zA-Z0-9]+\.[a-zA-Z]{2,3}$/;
	  var emailMsg = document.getElementById("emailMsg");
		if(reg.test(temp)){
		   emailMsg.innerHTML="<font color=green>你的邮箱可用</font>";
		}else{
		   emailMsg.innerHTML="<font color=red>请输入正确的邮箱!</font>";
		}
	}
//姓名验证
	function checkRealName(temp) 
	{ 
		var reg=/[\u4E00-\u9FA5]/g;
		var realNameMsg = document.getElementById("realNameMsg");
		if (reg.test(temp)){
		    realNameMsg.innerHTML="<font color=green>姓名可以使用</font>";
		}else{
		    realNameMsg.innerHTML="<font color=red>姓名要求为汉字!</font>";
		} 
	} 
//昵称验证
   function checkRealName2()
   {
        var realName2 = document.getElementById("realName2").value;
		var realNameMsg2 = document.getElementById("realNameMsg2");
		if(realName2=="")
		{
		  realNameMsg2.innerHTML="<font color=red>昵称不能为空!</font>";
		}else{
		   realNameMsg2.innerHTML="<font color=green>昵称可以使用</font>";
		}
   }
   //联系电话验证
var mobile = /^(?:13\d|15[89])-?\d{5}(\d{3}|\*{3})$/;
var phoneMag = document.getElementById("phoneMag");

function checkPhone(temp) {  
        //var mobile = /^(((d{2,3}))|(d{3}-))?13d{9}$/;
		var phoneMsg = document.getElementById("phoneMsg");
        if(mobile.test(temp))  
		   {  
            phoneMsg.innerHTML="<font color=red>&nbsp;</font>";   
        } 
        else {  
            phoneMsg.innerHTML="<font color=red>请输入正确的手机号码</font>";
              
        }          
    }

</script>

 以下是表单代码:

<form action="http://www.baidu.com" method="post" onSubmit="">
 <table width="700px"  border="0" align="center" ;> 
 <tr> 
<td width="30%" height="40"><font size="3"><b>普通用户</b></font></td> 
<td width="70%" height="40">&nbsp; 
</td> 
</tr> 
<tr> 
<td width="30%" height="40">*用户名:</td> 
<td width="70%" height="40"><input name="username" type="text" id="username" value="" οnblur="checkUsername()"  maxlength= "15">
&nbsp;<span id="usernameMsg"><font color="#818181">4-15个字符(包括英文字母,数字,下划线)</font></span>
</td> 
</tr> 

<tr> 
<td height="40">*密码:</td> 
<td height="40"><input name="password" type="password" id="password" οnblur="checkPassword()">
&nbsp;<span id="passwordMsg"><font color="#818181">6-20个字符(包括英文字母、数字)</font></span>
</td> 
</tr> 

<tr> 
<td height="40">*再输一遍确认:</td> 
<td height="30"><input name="password2" type="password" id="password2" οnblur="checkPassword2()">
&nbsp;<span id="passwordMsg2"><font color="#818181" >请再输入一遍您上面输入的密码</font></span>
</td> 
</tr> 

<tr>
<td height="40">*Email:</td> 
<td height="40"><input name="mail" type="text" id="mail" οnblur="checkEmail(this.value)">
&nbsp;
<span id="emailMsg"><font color="#818181"></font></span></td>
</tr> 

<tr> 
<td height="40">*真实姓名:</td> 
<td height="40"><input name="realName" οnblur="checkRealName(this.value)" type="text" id="realName"> 
<span id="idnumberMsg"><font color="#818181"></font></span>
</td> 
</tr> 

<tr> 
<td height="40">昵称:</td> 
<td height="40"><input name="realName2" type="text" id="realName2" value="" οnblur="checkRealName2()"> 
<span id="realNameMsg2"><font color="#818181"></font></span>
</td> 
</tr> 

<tr> 
<td height="40">*手机号码:</td> 
<td height="40"><input name="phone" type="text" id="phone" οnblur="checkPhone(this.value)"> 
<span id="phoneMsg"><font color="#818181"></font></span>
</td> 
</tr> 

<tr> 
<td height="40">家庭住址:</td> 
<td height="40"><input name="address" type="text" id="password2" style=" width:200px;"> 
</td> 
</tr>

<tr> 
<td height="40">邮政编码:</td> 
<td height="40"><input name="postalcode" type="text" id="password2"> 
</td> 
</tr>
<tr>
<td>&nbsp;</td> 
<td>&nbsp;</td> 
</tr> 
<tr>
<td>&nbsp;</td> 
<td><input type="submit" name="submit" value="同意隐私条款,并提交注册"></td> 
</tr> 
</table> 
</form>

 以下是效果图:

 

 

 

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Go语言(也称为Golang)是由Google开发的一种静态强类型、编译型的编程语言。它旨在成为一门简单、高效、安全和并发的编程语言,特别适用于构建高性能的服务器和分布式系统。以下是Go语言的一些主要特点和优势: 简洁性:Go语言的语法简单直观,易于学习和使用。它避免了复杂的语法特性,如继承、重载等,转而采用组合和接口来实现代码的复用和扩展。 高性能:Go语言具有出色的性能,可以媲美C和C++。它使用静态类型系统和编译型语言的优势,能够生成高效的机器码。 并发性:Go语言内置了对并发的支持,通过轻量级的goroutine和channel机制,可以轻松实现并发编程。这使得Go语言在构建高性能的服务器和分布式系统时具有天然的优势。 安全性:Go语言具有强大的类型系统和内存管理机制,能够减少运行时错误和内存泄漏等问题。它还支持编译时检查,可以在编译阶段就发现潜在的问题。 标准库:Go语言的标准库非常丰富,包含了大量的实用功能和工具,如网络编程、文件操作、加密解密等。这使得开发者可以更加专注于业务逻辑的实现,而无需花费太多时间在底层功能的实现上。 跨平台:Go语言支持多种操作系统和平台,包括Windows、Linux、macOS等。它使用统一的构建系统(如Go Modules),可以轻松地跨平台编译和运行代码。 开源和社区支持:Go语言是开源的,具有庞大的社区支持和丰富的资源。开发者可以通过社区获取帮助、分享经验和学习资料。 总之,Go语言是一种简单、高效、安全、并发的编程语言,特别适用于构建高性能的服务器和分布式系统。如果你正在寻找一种易于学习和使用的编程语言,并且需要处理大量的并发请求和数据,那么Go语言可能是一个不错的选择。
Go语言(也称为Golang)是由Google开发的一种静态强类型、编译型的编程语言。它旨在成为一门简单、高效、安全和并发的编程语言,特别适用于构建高性能的服务器和分布式系统。以下是Go语言的一些主要特点和优势: 简洁性:Go语言的语法简单直观,易于学习和使用。它避免了复杂的语法特性,如继承、重载等,转而采用组合和接口来实现代码的复用和扩展。 高性能:Go语言具有出色的性能,可以媲美C和C++。它使用静态类型系统和编译型语言的优势,能够生成高效的机器码。 并发性:Go语言内置了对并发的支持,通过轻量级的goroutine和channel机制,可以轻松实现并发编程。这使得Go语言在构建高性能的服务器和分布式系统时具有天然的优势。 安全性:Go语言具有强大的类型系统和内存管理机制,能够减少运行时错误和内存泄漏等问题。它还支持编译时检查,可以在编译阶段就发现潜在的问题。 标准库:Go语言的标准库非常丰富,包含了大量的实用功能和工具,如网络编程、文件操作、加密解密等。这使得开发者可以更加专注于业务逻辑的实现,而无需花费太多时间在底层功能的实现上。 跨平台:Go语言支持多种操作系统和平台,包括Windows、Linux、macOS等。它使用统一的构建系统(如Go Modules),可以轻松地跨平台编译和运行代码。 开源和社区支持:Go语言是开源的,具有庞大的社区支持和丰富的资源。开发者可以通过社区获取帮助、分享经验和学习资料。 总之,Go语言是一种简单、高效、安全、并发的编程语言,特别适用于构建高性能的服务器和分布式系统。如果你正在寻找一种易于学习和使用的编程语言,并且需要处理大量的并发请求和数据,那么Go语言可能是一个不错的选择。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值