使用javascript验证ASPX页面 [英] Validating a ASPX page using javascript
本文介绍了使用javascript验证ASPX页面的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！
问题描述
大家好，
我正在验证userprofile.aspx页面中的注册页面。我也实现了javascript代码。但是我无法使用java脚本验证来验证aspx页面。请帮助我。
我的代码如下。
< head>
< script src = http://ajax.googleapis.com/ajax/库/ jquery的/ 1.10.2 / jquery.min.js>
< / script>
< script>
$（ document ）。ready（ function （）{
$（ ＃panel）。slideToggle（ fast）;
}）;
< / script>
< script type = text / javascript>
function validate（）{
var email = 文档 .signup.email.value;
if （email == ' '）{
document .getElementById（ error8）。innerHTML = < font color = red >请输入电子邮件ID< / font>;
document .signup.email.focus（）;
return false ;
}
var ck_email = / ^（[a-zA-Z0-9_\.\ - ]）+ \ @（ （[a-zA-Z0-9 \ - ]）+ \。）+（[a-zA-Z0-9] { 2 ， 4 }）+ $ /;
if （！ck_email.test（email））{
document .getElementById （ error8）。innerHTML = < font color = red >请输入正确的电子邮件ID< / font>;
document .signup.email.focus（）;
return false ;
} else {
document .getElementById（ error8）。innerHTML = ;
}
var nam = document .signup.username.value;
if （nam == ' '）{
document .getElementById（ error9）。innerHTML = < font color = red >请输入您的姓名< / font>;
document .signup.username.focus（）;
return false ;
}
var ck_nam = / ^ [a-zA-Z] { 2 ， 30 } $ /;
if （！ck_nam.test（nam））{
document .getElementById （ error9）。innerHTML = < font color = red >请输入正确的名称< / font>;
document .signup.username.focus（）;
return false ;
} else {
document .getElementById（ error9）。innerHTML = ;
}
var pass = document .signup.password。值;
if （pass == ' '）{
document .getElementById（ 错误）。innerHTML = < font color = red >请输入密码< / font>;
document .signup.password.focus（）;
return false ;
}
if （pass.length< 6 || pass.length > 12 ）{
document .getElementById（ 错误）。innerHTML = < font color = red >您的密码必须为6到12个字符< / font> ;;
document .signup.password.focus（）;
return false ;
} else {
document .getElementById（ error）。innerHTML = ;
}
var pas = document .signup.password1.value;
if （pas == ' '）{
document .getElementById（ 错误）。innerHTML = < font color = red >请输入密码< / font>;
document .signup.password1.focus（）;
return false ;
}
if （pass！= pas）{
document .getElementById（ err）。innerHTML = < font color = red > ;密码不匹配< / font>;
document .signup.password1.focus（）;
return false ;
} else {
document .getElementById（ err）。innerHTML = ;
}
}
< / script>
< / head >
< body>
< a href = login.html class = btn btn-danger btn-inverse btn-navbar>登录< / a > < span>< a>
href = signup.html class = btn btn-success btn-navbar>注册< / a > < / span >
< form method = post action = < span class =code-string> class = form-horizontal id = signup name = 注册 runat = server>
< div align = center>
< span id = error8> < / span >
< / div >
< div class = left-inner-addon >
< div align = center>
class = icon-envelope >
< asp：TextBox ID = email runat = server>
<％ - < input type = text id = email占位符= 电子邮件地址 /> - ％>
< / div >
< / div >
< / 标签 >
< div align = center>
< span id = error9> < / span >
< / div >
< div class = left-inner-addon >
< div align = center>
class = icon-user >
< asp：TextBox ID = username runat = server>
<％ - < input type = text id = 用户名占位符= 用户名 /> - ％>
< / div >
< ; / div >
< / 标签 >
< div align = center>
< span id = 错误> < / span >
< / div >
< div < span class =code-keyword> class = control-group>
< label for = password >
< div class = left-内插件>
< div align = center>
class = icon-lock >
< asp：TextBox ID = password runat = server>
<％ - < input type = password name = password id = 密码占位符= 密码 /> - < span class =code-pagedirective>％>
< / div >
< / div >
< / 标签 >
< / div >
< div align = center>
< span id = 错误> < / span >
< / div >
< div class = left-inner-addon >
< div align = center>
class = icon-lock >
< asp：TextBox ID = password1 runat = server>
<％ - < input type = password name = password1 id = password1占位符= 确认密码 /> - ％>
< / div >
< / div >
< / 标签 >
< br />
< div class = control-基>
< div align = center>
< asp：按钮ID = signup1 runat = server text = 按钮 类 = btn btn-success btn-large OnClientClick = return validate（） />
<％ - < input type = submit class = btn btn-success btn-large name = 注册 value = 创建帐户 $ b $bönclick= return validate（） > - ％>
< / div >
< / < span class =code-leadattribute> div >
< / label >
< / 表格 >
解决方案
（ document ）。ready（ function （）{
（ ＃panel）。slideToggle（ fast）;
}）;
< / script>
< script type = text / javascript>
function validate（）{
var email = 文档 .signup.email.value;
if （email == ' '）{
document .getElementById（ error8）。innerHTML = < font color = red >请输入电子邮件ID< / font>;
document .signup.email.focus（）;
return false ;
}
var ck_email = / ^（[a-zA-Z0-9_\.\ - ]）+ \ @（ （[a-zA-Z0-9 \ - ]）+ \。）+（[a-zA-Z0-9] { 2 ， 4 }）+
/;
if （！ck_email.test（email））{
document .getElementById （ error8）。innerHTML = < font color = red >请输入正确的电子邮件ID< / font>;
document .signup.email.focus（）;
return false ;
} else {
document .getElementById（ error8）。innerHTML = ;
}
var nam = document .signup.username.value;
if （nam == ' '）{
document .getElementById（ error9）。innerHTML = < font color = red >请输入您的姓名< / font>;
document .signup.username.focus（）;
return false ;
}
var ck_nam = / ^ [a-zA-Z] { 2 ， 30 }
Hello every one,
I am validating a sign up page in userprofile.aspx page.I have implemented javascript code as well.But i am not able to validate aspx page using java script validation.Please any one do help me.
My code is below.
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js">
</script>
<script>
$(document).ready(function () {
$("#panel").slideToggle("fast");
});
</script>
<script type="text/javascript">
function validate() {
var email = document.signup.email.value;
if (email == '') {
document.getElementById("error8").innerHTML = "<font color="red">Please Enter Email Id </font>";
document.signup.email.focus();
return false;
}
var ck_email = /^([a-zA-Z0-9_\.\-])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/;
if (!ck_email.test(email)) {
document.getElementById("error8").innerHTML = "<font color="red">Please Enter Correct Email Id </font>";
document.signup.email.focus();
return false;
} else {
document.getElementById("error8").innerHTML = "";
}
var nam = document.signup.username.value;
if (nam == '') {
document.getElementById("error9").innerHTML = "<font color="red">Please Enter Your Name </font>";
document.signup.username.focus();
return false;
}
var ck_nam = /^[a-zA-Z ]{2,30}$/;
if (!ck_nam.test(nam)) {
document.getElementById("error9").innerHTML = "<font color="red">Please Enter Correct Name</font>";
document.signup.username.focus();
return false;
} else {
document.getElementById("error9").innerHTML = "";
}
var pass = document.signup.password.value;
if (pass == '') {
document.getElementById("error").innerHTML = "<font color="red">Please Enter Password</font>";
document.signup.password.focus();
return false;
}
if (pass.length < 6 || pass.length > 12) {
document.getElementById("error").innerHTML = "<font color="red">Your Password Must Be 6 to 12 Characters</font>";
document.signup.password.focus();
return false;
} else {
document.getElementById("error").innerHTML = "";
}
var pas = document.signup.password1.value;
if (pas == '') {
document.getElementById("err").innerHTML = "<font color="red">Please Enter Password</font>";
document.signup.password1.focus();
return false;
}
if (pass != pas) {
document.getElementById("err").innerHTML = "<font color="red"> Password Doesnot Match</font>";
document.signup.password1.focus();
return false;
} else {
document.getElementById("err").innerHTML = "";
}
}
</script>
</head>
<body>
<a href="login.html" class="btn btn-danger btn-inverse btn-navbar">Login</a> <span><a>
href="signup.html" class="btn btn-success btn-navbar">Sign Up</a></span>
<form method="post" action="" class="form-horizontal" id="signup" name="signup" runat="server">
<div align="center">
<span id="error8"></span>
</div>
<div class="left-inner-addon">
<div align="center">
class="icon-envelope">
<asp:TextBox ID="email" runat="server">
<%--<input type="text" id="email" placeholder="Email Address" />--%>
</div>
</div>
</label>
<div align="center">
<span id="error9"></span>
</div>
<div class="left-inner-addon">
<div align="center">
class="icon-user">
<asp:TextBox ID="username" runat="server">
<%-- <input type="text" id="username" placeholder="Username" />--%>
</div>
</div>
</label>
<div align="center">
<span id="error"></span>
</div>
<div class="control-group">
<label for="password">
<div class="left-inner-addon">
<div align="center">
class="icon-lock">
<asp:TextBox ID="password" runat="server">
<%--<input type="password" name="password" id="password" placeholder="Password" />--%>
</div>
</div>
</label>
</div>
<div align="center">
<span id="err"></span>
</div>
<div class="left-inner-addon">
<div align="center">
class="icon-lock">
<asp:TextBox ID="password1" runat="server">
<%--<input type="password" name="password1" id="password1" placeholder="Confirm Password" />--%>
</div>
</div>
</label>
<br />
<div class="control-group">
<div align="center">
<asp:button ID="signup1" runat="server" text="Button" class="btn btn-success btn-large" OnClientClick="return validate()"/>
<%-- <input type="submit" class="btn btn-success btn-large" name="signup" value="Create account"
önclick="return validate()">--%>
</div>
</div>
</label>
</form> 解决方案
(document).ready(function () {
("#panel").slideToggle("fast"); }); </script> <script type="text/javascript"> function validate() { var email = document.signup.email.value; if (email == '') { document.getElementById("error8").innerHTML = "<font color="red">Please Enter Email Id </font>"; document.signup.email.focus(); return false; } var ck_email = /^([a-zA-Z0-9_\.\-])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+
/; if (!ck_email.test(email)) { document.getElementById("error8").innerHTML = "<font color="red">Please Enter Correct Email Id </font>"; document.signup.email.focus(); return false; } else { document.getElementById("error8").innerHTML = ""; } var nam = document.signup.username.value; if (nam == '') { document.getElementById("error9").innerHTML = "<font color="red">Please Enter Your Name </font>"; document.signup.username.focus(); return false; } var ck_nam = /^[a-zA-Z ]{2,30}
这篇关于使用javascript验证ASPX页面的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
查看全文
