Javascript验证用户注册
请问下，如何才能实现不弹出对话框进行用户验证？高手指点，就像各大网站的验证方式。如新浪网，搜狐网等.越详细越好。...
请问下，如何才能实现不弹出对话框进行用户验证？高手指点，就像各大网站的验证方式。如新浪网，搜狐网等.越详细越好。
展开
5个回答
展开全部
你是想用AJARS验证吧？
给你个列子
html:text property="code"onblur="beginStockInCodeUnque()"></html:text>
这是一个标签要验证它是否重复
下面是script代码
------------------------------------------
//定义一个变量用于存放XMLHttpRequest对象
var xmlHttp;
//该函数用于创建一个XMLHttpRequest对象
function createXMLHttpRequest(){
if(window.ActiveXObject){
xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
}
else if(window.XMLHttpRequest){
xmlHttp = new XMLHttpRequest();
}
}
//这是一个启动Ajax异步通信的方法
function beginStockInCodeUnique(){
//获取订货单编号数据
var stockInCode=document.all.code.value;
//创建一个XMLHttpRequest对象
createXMLHttpRequest();
//将状态触发器绑定到一个函数
xmlHttp.onreadystatechange = processor;
//通过get方法建立服务器的调用
mydate=new Date();
mydate=mydate.getSeconds();
xmlHttp.open("GET","/这是你的验证ACTION路径);
//发送请求
xmlHttp.send(null);
}
//这是一个用来处理状态改变的函数//现在他用来验证进货单编号是否已经存在
function processor(){
//定义一个变量用于存放从服务器返回的响应结果
var responseResult;
if(xmlHttp.readyState==4){//如果响应完成
if(xmlHttp.status==200){//如果返回成功
//取出服务器返回的内容
responseResult=xmlHttp.responseText;
//如果注册名检查有效
if(responseResult!="ok"){
document.all.result.innerText="编号已经存在 请重新输入"
document.all.result.style.display="";
}
else{
document.all.result.innerText=""
document.all.result.style.display="none";
}
}
}
}
----------------------------------------
这是SERVELET类中的方法
response.setContentType("text/html");
PrintWriter out;
out = response.getWriter();
这里写你的验证方法类的调用
如果没有这个账号就输出out.print("ok");
-------------------------------------
给你个列子
html:text property="code"onblur="beginStockInCodeUnque()"></html:text>
这是一个标签要验证它是否重复
下面是script代码
------------------------------------------
//定义一个变量用于存放XMLHttpRequest对象
var xmlHttp;
//该函数用于创建一个XMLHttpRequest对象
function createXMLHttpRequest(){
if(window.ActiveXObject){
xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
}
else if(window.XMLHttpRequest){
xmlHttp = new XMLHttpRequest();
}
}
//这是一个启动Ajax异步通信的方法
function beginStockInCodeUnique(){
//获取订货单编号数据
var stockInCode=document.all.code.value;
//创建一个XMLHttpRequest对象
createXMLHttpRequest();
//将状态触发器绑定到一个函数
xmlHttp.onreadystatechange = processor;
//通过get方法建立服务器的调用
mydate=new Date();
mydate=mydate.getSeconds();
xmlHttp.open("GET","/这是你的验证ACTION路径);
//发送请求
xmlHttp.send(null);
}
//这是一个用来处理状态改变的函数//现在他用来验证进货单编号是否已经存在
function processor(){
//定义一个变量用于存放从服务器返回的响应结果
var responseResult;
if(xmlHttp.readyState==4){//如果响应完成
if(xmlHttp.status==200){//如果返回成功
//取出服务器返回的内容
responseResult=xmlHttp.responseText;
//如果注册名检查有效
if(responseResult!="ok"){
document.all.result.innerText="编号已经存在 请重新输入"
document.all.result.style.display="";
}
else{
document.all.result.innerText=""
document.all.result.style.display="none";
}
}
}
}
----------------------------------------
这是SERVELET类中的方法
response.setContentType("text/html");
PrintWriter out;
out = response.getWriter();
这里写你的验证方法类的调用
如果没有这个账号就输出out.print("ok");
-------------------------------------
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<script>
function validate(){
var obj = document.getElementById("uname");
var dis = document.getElementById("display");
alert(obj.value.length);
if(obj.value==""||obj.value.length==0){
obj.style.backgroundColor = "red";
dis.innerHTML = "请输入用户名！";
return;
}
obj.style.backgroundColor = "green";
dis.innerHTML = "用户名 = "+ obj.value;
}
</script>
</head>
<body>
<p>用户名：
<input type="text" name="uname" id="uname" />
</p>
<p>
<input type="submit" name="button" id="button" value="提交" onclick="validate()"/>
</p>
<div id="display"></div>
</body>
</html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<script>
function validate(){
var obj = document.getElementById("uname");
var dis = document.getElementById("display");
alert(obj.value.length);
if(obj.value==""||obj.value.length==0){
obj.style.backgroundColor = "red";
dis.innerHTML = "请输入用户名！";
return;
}
obj.style.backgroundColor = "green";
dis.innerHTML = "用户名 = "+ obj.value;
}
</script>
</head>
<body>
<p>用户名：
<input type="text" name="uname" id="uname" />
</p>
<p>
<input type="submit" name="button" id="button" value="提交" onclick="validate()"/>
</p>
<div id="display"></div>
</body>
</html>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
如
<input type="text" id="username"><span id="namespan" style="color:red;font-size:13px;"></span>
javascript如下:
var username = document.getElementById("username").value;
var namespan = document.getElementById("namespan");
if(username.length == 0) {
namespan.innerText = "用户名不能为空";
return false;
} else {
namespan.innerText = "";
return true;
}
<input type="text" id="username"><span id="namespan" style="color:red;font-size:13px;"></span>
javascript如下:
var username = document.getElementById("username").value;
var namespan = document.getElementById("namespan");
if(username.length == 0) {
namespan.innerText = "用户名不能为空";
return false;
} else {
namespan.innerText = "";
return true;
}
本回答被提问者和网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
大网站比较关键的验证都是在服务器端验证的， 可以看看struts整合的validate
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
</head>
<body><form action="" name="f1" method="post">
<p>
<label></label>
<label></label>
</p>
<p>
<label></label>
</p>
<table width="60%" border="1">
<tr>
<td>姓名：</td>
<td><input type="text" onblur="val()" name="uname" /></td>
<td><div id="mesg1"></div></td>
</tr>
<tr>
<td>地址：</td>
<td><input type="text" name="addr" /></td>
<td><div id="mesg2"> </div></td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
</table>
<p> </p>
</form>
<script language="javascript">
function val()
{
if(f1.uname.value=="")
{
document.getElementById("mesg1").innerHTML="<font color='red'>姓名不能为空</font>";
}
}
</script>
</body>
</html>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
</head>
<body><form action="" name="f1" method="post">
<p>
<label></label>
<label></label>
</p>
<p>
<label></label>
</p>
<table width="60%" border="1">
<tr>
<td>姓名：</td>
<td><input type="text" onblur="val()" name="uname" /></td>
<td><div id="mesg1"></div></td>
</tr>
<tr>
<td>地址：</td>
<td><input type="text" name="addr" /></td>
<td><div id="mesg2"> </div></td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
</table>
<p> </p>
</form>
<script language="javascript">
function val()
{
if(f1.uname.value=="")
{
document.getElementById("mesg1").innerHTML="<font color='red'>姓名不能为空</font>";
}
}
</script>
</body>
</html>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（3）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
