怎么用html5编写用户注册验证程序

html-css013

怎么用html5编写用户注册验证程序,第1张

在表单最后放置一个button,然后在button的click事件中 通过 表单dom对象.submit()来提交表单,在提交前可以编写校验逻辑或者使用jquery validate之类的表单校验组件来校验

jsp代码

<%@ page language="java" pageEncoding="GBK"%>

<%

response.setContentType("text/xmlcharset=gbk")

response.setHeader("Cache-Control","no-cache")

String username=request.getParameter("username")

boolean isValid=false

if(username.equals("admin")){

isValid=true

}

if(isValid){

out.println("<content>该用户名已经存在!</content>")

}

else{

out.println("<content>ok</content>")

}

%>

------------------------

html代码

<html>

<head>

<title></title>

<meta http-equiv="pragma" content="no-cache">

<meta http-equiv="cache-control" content="no-cache">

<meta http-equiv="expires" content="0">

<meta http-equiv="keywords" content="">

<meta http-equiv="description" content="">

<meta http-equiv="Content-Type" content="text/htmlcharset=gb2312">

<script>

var XMLHttpReq=false

function createXMLHttpRequest(){

if(window.XMLHttpRequest){

XMLHttpReq=new XMLHttpRequest()

}

else if(window.ActiveXObject){

try{

XMLHttpReq=new ActiveXObject("Msxml2.XMLHTTP")

}catch(e){

try{XMLHttpReq=new ActiveXObject("Microsoft.XMLHTTP")}catch(e){}

}

}

}

function send(url){

//alert(url)

createXMLHttpRequest()

XMLHttpReq.open("GET",url,true)

XMLHttpReq.onreadystatechange=parse

XMLHttpReq.send(null)

}

function parse(){

if(XMLHttpReq.readyState==4){

if(XMLHttpReq.status==200){

var doc = new ActiveXObject("MSxml2.DOMDocument")

doc.loadXML(XMLHttpReq.responseText)

var res=doc.getElementsByTagName("content")[0].firstChild.data

if(res=="ok"){

document.getElementById("status").innerHTML="该用户名可以使用!"

}

else{document.getElementById("status").innerHTML=res

window.alert(res)}

}else{window.alert("所请求的页面异常!")}

}

}

function checkUsername(){

var username=document.getElementById("username").value

if(username==""){

alert("请输入用户名!")

return false

}else{

send('test.jsp?username='+username)

}

}

</script>

</head>

<body bgcolor="#9393FF">

<table height="100%" width="100%">

<tr>

<td align="center">

<table >

<tr>

<td width="10%"></td>

<td>

<form name="form1" >

<table width="300" boder="0">

<tr>

<td colspan="2">

<div id="status"><font size=6>注册新用户</font></div>

</td>

<tr>

<td><font size=5>*用户名</font></td>

<td><input type="text" name="username" size=15 maxlength="10" value="" onblur="checkUsername()" ></td>

</tr>

<tr>

<td><font size=5>*密码</font></td>

<td><input type="password" name="password1" ></td>

</tr>

<tr>

<td><font size=5>*确认密码</font></td>

<td><input type="password" name="password2" ></td>

</tr>

</tr>

</table>

</form>

</td>

</tr>

</table>

</td>

</tr>

</table>

</body>

</html>

jsp、和html都做过简单修改,没什么大毛病,需要你细心。 此处的jsp名称换成你自己的send('test.jsp?username='+username)

以下为个人原创教学例子,任何人引用需注明出自百度知道用户am7972,楼主可供参考\x0d\x0a该例子涵盖了文本框、密码框、下拉菜单、单选框、复选框及文本区的使用\x0d\x0a同时在数据的使用方面涵盖了文本型、数值型、日期型、布尔型的使用\x0d\x0a也涵盖了在会员信息入数据库前,进行严格的数据检查\x0d\x0a不足处,JS验证还不是太完善,不过有服务端认证足够了\x0d\x0a会员注册\x0d\x0a\x0d\x0a\x0d\x0a\x0d\x0a\x0d\x0a\x0d\x0a\x0d\x0a

会员注员 \x0d\x0a

姓名: \x0d\x0a
密码: \x0d\x0a
性别: 男 女 \x0d\x0a
生日: \x0d\x0a
年龄: \x0d\x0a
爱好: 上网读书 体育 \x0d\x0a
上网方式: \x0d\x0a 拨号上网 无线上网 光纤上网 \x0d\x0a \x0d\x0a
个人简介:

\x0d\x0a\x0d\x0a\x0d\x0a\x0d\x0a====bb.asp的会员注册非法数据监测====\x0d\x0a0 Then\x0d\x0a Response.write "姓名不能包含特殊符号!@#$%^&*()_-+|?/"",." \x0d\x0a Response.End \x0d\x0a End If\x0d\x0aNext\x0d\x0a'判断密码合不合法,是否包含非法数据userPassword = Trim(userPassword)If userPassword ="" Then Response.write "密码不能为空" Response.EndEnd If\x0d\x0aIf Len(userPassword)>20 Then\x0d\x0a Response.write "密码字数不能超过20个字" \x0d\x0a Response.End\x0d\x0aEnd If\x0d\x0a'判断密码合不合法,是否包含非法数据\x0d\x0aSex = Trim(Sex)\x0d\x0aIf Sex = "" Then\x0d\x0a Response.write "性别不能为空"\x0d\x0a Response.End\x0d\x0aEnd If\x0d\x0aIf Sex "True" And Sex "False" Then\x0d\x0a Response.write "性别不能为不男不女"\x0d\x0a Response.End\x0d\x0aEnd If\x0d\x0a'判断生日合不合法,是否包含非法数据\x0d\x0auserSR = Trim(userSR)\x0d\x0aIf userSR ="" Then\x0d\x0a Response.write "生日不能为空"\x0d\x0a Response.End\x0d\x0aEnd If\x0d\x0aIf Len(userSR)10 Then '例如:2012-6-3 2012-11-23\x0d\x0a Response.write "你输入的生日字数不对,应为2012-6-3或2012-11-23格式" \x0d\x0a Response.End\x0d\x0aEnd If\x0d\x0aIf IsDate(userSR)=False Then\x0d\x0a Response.write "你输入的生日格式不能转化为日期,请核实" \x0d\x0a Response.End\x0d\x0aEnd If\x0d\x0aIf DateDiff("yyyy",userSR,Date())200 Then\x0d\x0a Response.write "根据你输入的生日你可能小于1岁或已经超过200岁了,请核查重新输入" \x0d\x0a Response.End\x0d\x0aEnd If\x0d\x0a'判断年龄合不合法,是否包含非法数据userNL = Trim(userNL)If userNL ="" Then\x0d\x0a Response.write "年龄不能为空" \x0d\x0a Response.End\x0d\x0aEnd If\x0d\x0aIf IsNumeric(userNL)=False Then\x0d\x0a Response.write "你输入的年龄不能转化为数值,请核查"\x0d\x0a Response.End\x0d\x0aEnd If\x0d\x0auserNL = CInt(userNL)\x0d\x0aIf userNL200 Then\x0d\x0a Response.write "你输入的年龄不能小于0岁或者大于200岁,请核查"\x0d\x0a Response.End\x0d\x0aEnd If\x0d\x0a'判断爱好合不合法,是否包含非法数据ah = Trim(ah) '选择多个爱好则系统会用,分开 //测试\x0d\x0aah = Replace(ah," ","")\x0d\x0aarrAh = Split(ah,",")\x0d\x0aFor i = LBound(arrAh) To UBound(arrAh)\x0d\x0a If arrAh(i)"sw" And arrAh(i)"ds" And arrAh(i)"ty" Then \x0d\x0aResponse.write i & "你选择的爱好有问题,请核查" & arrAh(i)\x0d\x0aResponse.End\x0d\x0aEnd If\x0d\x0aNext\x0d\x0a'判断上网方式合不合法,是否包含非法数据swfs = Trim(swfs)If swfs = "" Then\x0d\x0a Response.write "上网方式不能为空"\x0d\x0a Response.End\x0d\x0aEnd If\x0d\x0aIf swfs"bhsw" And swfs"wxsw" And swfs"gxsw" Then\x0d\x0a Response.write "你选择的上网方式有问题,请核查"\x0d\x0a Response.End\x0d\x0aEnd If\x0d\x0a'判断个人简介是否为空,是否超出1000个字\x0d\x0auserGrjs = Trim(userGrjs)\x0d\x0aIf userGrjs = "" Then\x0d\x0a Response.write "个人简介不能为空" \x0d\x0a Response.End\x0d\x0aEnd If\x0d\x0aIf Len(userGrjs) > 1000 Then\x0d\x0a Response.write "个人简介不能超过1000个字"\x0d\x0a Response.End\x0d\x0aEnd If\x0d\x0aResponse.write "数据合法性检测通过"\x0d\x0a%>\x0d\x0a====登陆的HTML代码可相信楼主参照会员注册代码应该没问题了====