在JavaScript中怎样确定用户所填内容是否正确

下面ASP中有一些RequiredFieldValidator控件,如果用户输入的格式不正确或者没有输入就会提示。那么,我想在.aspx中写一个JavaScript代码,如果用户输入格式正确,那么就提示“注册成功”然后跳转到登陆界面。那么这个JavaScript代码怎么写?请各位大侠帮帮我吧。小妹刚开始学ASP.NET,什么都还不懂。本人先在此谢谢大家了!
<head runat="server">
<title>用户注册</title>
<script language="javascript" type="text/javascript">
function checkForm()
{
if(document.form1.TextBox1.value!="")
alert("注册成功!");
window.location.href="Default.aspx";
// return false;
}
</script>
<%--<style type="text/css">
.style1
{
width: 386px;
}
</style>--%>
</head>
<body>
<form id="form1" runat="server">
<div>
<table border="1" width="500" style="height: 149px" >
<tr><td>
用户名:</td>
<td class="style1"><asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>

<asp:RequiredFieldValidator ID="RequiredFieldValidator1" runat="server" ControlToValidate="TextBox1"
ErrorMessage="用户名必须填写" SetFocusOnError="True"></asp:RequiredFieldValidator></td></tr>

<tr><td>
密码:</td>
<td class="style1"><asp:TextBox ID="TextBox2" runat="server"></asp:TextBox>

<asp:RequiredFieldValidator ID="RequiredFieldValidator2" runat="server" ControlToValidate="TextBox2"
ErrorMessage="密码必须填写"></asp:RequiredFieldValidator></td></tr>
<tr><td>
家庭住址:</td>
<td class="style1"><asp:TextBox ID="TextBox3" runat="server"></asp:TextBox>

<asp:RequiredFieldValidator ID="RequiredFieldValidator3" runat="server" ControlToValidate="TextBox3"
ErrorMessage="家庭住址必须填写"></asp:RequiredFieldValidator></td></tr>
<tr><td>
邮编:</td>
<td class="style1"><asp:TextBox ID="TextBox4" runat="server"></asp:TextBox>

<asp:RequiredFieldValidator ID="RequiredFieldValidator4" runat="server" ControlToValidate="TextBox4"
ErrorMessage="邮编必须填写" Display="Dynamic"></asp:RequiredFieldValidator>
<asp:RegularExpressionValidator ID="RegularExpressionValidator1" runat="server"
ErrorMessage="邮编格式不对!" ValidationExpression="\d{6}"
ControlToValidate="TextBox4"></asp:RegularExpressionValidator>
</td></tr>
<tr><td><asp:Button ID="Button1" runat="server" Text="提交" Width="66px" OnClientClick="javascript:return checkForm();"/></td>
<td class="style1"><input type="reset" value="清空" style="width: 66px" />
</td></tr>
</table>
</div>
</form>
</body>
我贴在上面的代码是.aspx的

首先你需要获得asp.net需要验证的控件。
我跟你举个例子,自己在去写。
<script language="javascript" type="text/javascript">
//验证密码
function checkForm()
{
//获得服务器控件,密码
var pwd=document.getElementById("<%= TextBox2.ClientID %>").value;
if(pwd=="")

alert("密码不能为空!");
return false;

else

//定义正则表达式,(只能为正整数数),(需要其它验证网上有)
var nm= /^[1-9]d*$/;
if(!nm.test(pwd))
{
alert("输入格式错误!");
return false;

}

return true;


return true;

}
//验证用户名
//验证邮编
依次都这样写,最后写一个总方法,是否返回的都是true
function zong()
{
if(用户名()&&密码())

return true

else

return false


}
<td><asp:Button ID="Button1" runat="server" Text="提交" Width="66px" OnClientClick="return zong();"/></td>

</script>
不懂在说,呵呵! 很详细了的
温馨提示:答案为网友推荐,仅供参考
第1个回答  2010-06-03
让哥哥帮你详细的写一下哦。。。。。
<head runat="server">
<title>用户注册</title>
<script language="javascript" type="text/javascript">
function load()
{
document.getElementById("usename").focus();
}
function validateUsername(a)
{
var usename = a.value ;
if(usename="")
alert("用户名不能为空!");
}
function validataPsw(a)
{
if(a=="")
alert("密码不能为空!");
}
function checkForm()
{
var xmlhttp ;
try
{
xmlhttp = new XMLHttpRequest();
}
catch(e)
{
try{xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");}
catch(e)
{alert(" sorry ,your browser don't support AJAX!");}

}
var url ="你的网页?usename = # & psw = # ";
xmlhttp.open("GET","url",true);
xmlhttp.onreadystatechange() =function
{ // do something }
xmlhttp.send(null);
}
</script>
<%--<style type="text/css">
.style1
{
width: 386px;
}
</style>--%>
</head>
<body onload ="load();">
<form id="form1" runat="server">
<div>
<table border="1" width="500" style="height: 149px" >
<tr>
<td> 用户名:</td>
<td class="style1<input type ="text" id ="usename" onblur="validateUsename(this)"/></td>
</tr>

<tr>
<td> 密码:</td>
<td class="style1"><input type ="password" id ="psw" onblur ="validatePsw(this.value);"/>td></tr>
<tr><td>
<tr><td><asp:Button ID="Button1" runat="server" Text="提交" Width="66px" OnClientClick="checkForm();"/></td>
<td class="style1"><input type="reset" value="清空" style="width: 66px" />
</td></tr>
</table>
</div>
</form>
</body>

之后呢,在.cs(C#) 或者.java(JAVA)中写:伤了,这个里面没有格式好累。网页上面的写出来了。看看。 我QQ是:416561209
第2个回答  2010-06-02
好久没有看过 asp.net 的东西了.

不过你既然用到了 aspx的验证空间 就应该去查看一下 验证空间的详细用法.

或许那里面有你不用写JS就能实现的东西.

楼下的有什么好注意,或者是有时间的话 就帮人家 写 全一点.省的让人家"一知半解" 呵呵 楼下的幸苦了
第3个回答  2010-06-07
初学都是这样的,呵呵,我给你发个AJAX的,即简单又好学,而且很实用,
3年.NET项目经验 QQ 343275968
相似回答