如果javascript验证返回false,则停止服务器端代码执行并专注于该字段 [英] If javascript validation return false then stop server side code to exeucte and focus on that fields
本文介绍了如果javascript验证返回false,则停止服务器端代码执行并专注于该字段的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
<title>Untitled Page</title>
<script type="text/javascript">
function Validate()
{
var summary="";
summary+=isvalidUserName()
if (summary!="")
{
alert(summary);
return false;
}
else
{
return true;
}
}
function isvalidUserName()
{
var UserName=document.getElementById('txtUserName');
if(UserName.value!="")
{
var UserNameExpession=/^[0-9a-zA-Z]+$/;
if(UserName.value.match(UserNameExpession))
{
return true;
}
else
{
alert('UserName Should Be Combination of Alphabet and Numbser');
UserName.focus();
return false;
}
}
else
{
alert('User Name Can not be null');
UserName.focus();
return false;
}
}
</script>
</head>
<body>
<form id="form1" runat="server">
<div>
<table>
<tr>
<td colspan="3">
<center>User Registration Form</center>
</td>
</tr>
<tr>
<td>User Name</td>
<td></td>
<td><asp:TextBox ID="txtUserName" runat="server" ></asp:TextBox></td>
</tr>
<tr>
<td>Password</td>
<td></td>
<td><asp:TextBox ID="txtPassword" runat="server" ></asp:TextBox></td>
</tr>
<tr>
<td>Conform Password</td>
<td></td>
<td><asp:TextBox ID="txtConfirmPassword" runat="server" ></asp:TextBox></td>
</tr>
<tr>
<td>First Name</td>
<td></td>
<td><asp:TextBox ID="txtFirstName" runat="server" ></asp:TextBox></td>
</tr>
<tr>
<td>Last Name</td>
<td></td>
<td><asp:TextBox ID="txtLastName" runat="server" ></asp:TextBox></td>
</tr>
<tr>
<td>Address</td>
<td></td>
<td><asp:TextBox ID="txtAddress" runat="server" ></asp:TextBox></td>
</tr>
<%-- <tr>
<td>City</td>
<td></td>
<td><asp:DropDownList ID="ddlCity" runat="server" Width="152px" ></asp:DropDownList></td>
</tr>
<tr>
<td>State</td>
<td></td>
<td><asp:DropDownList ID="ddlState" runat="server" Width="152px" ></asp:DropDownList></td>
</tr>--%>
<tr>
<td>Email</td>
<td></td>
<td><asp:TextBox ID="txtEmail" runat="server" ></asp:TextBox></td>
</tr>
<tr>
<td>Mobile Number</td>
<td></td>
<td><asp:TextBox ID="txtMobileNumber" runat="server" ></asp:TextBox></td>
</tr>
<tr>
<td colspan="3">
<center>
<asp:Button ID="btnSubmit" runat="server" Text="Submit" OnClientClick="return Validate()" OnClick="btnSubmit_Click" />
</center>
</td>
</tr>
<tr>
<td colspan="3">
<center>
<asp:Label ID="lblError" runat="server" ></asp:Label>
</center>
</td>
</tr>
</table>
</div>
</form>
</body>
</html>
推荐答案
/; 如果(UserName.value.match(UserNameExpession)) { 返回 真; } 其他 { alert(' 用户名应为字母和数字的组合'); UserName.focus(); 返回 假; } } 其他 { alert(' 用户名不能为空'); UserName.focus(); 返回 假; } } < / 脚本 > < /head > < 正文 > < 表单 =" form1" runat >服务器" > < div > < 表 > < tr > < td =" 3" < 中心 > 用户注册表格< /center > < /td > < /tr > < tr > < td > 用户名< /td > < td > < /td > < td > < asp:TextBox =" txtUserName" 运行 =" > < /asp:TextBox > < /td > < /tr > < tr > < td > 密码< /td > < td > < /td > < td > < asp:TextBox =" txtPassword" 运行 =" > < /asp:TextBox > < /td > < /tr > < tr > < td > 符合密码< /td > < td > < /td > < td > < asp:TextBox =" txtConfirmPassword" 运行 =" > < /asp:TextBox > < /td > < /tr > < tr > < td > 名字< /td > < td > < /td > < td > < asp:TextBox =" txtFirstName" 运行 =" > < /asp:TextBox > < /td > < /tr > < tr > < td > 姓氏< /td > < td > < /td > < td > < asp:TextBox =" txtLastName" 运行 =" > < /asp:TextBox > < /td > < /tr > < tr > < td > 地址< /td > < td > < /td > < td > < asp:TextBox =" txtAddress" 运行 =" > < /asp:TextBox > < /td > < /tr > <%- < tr> < td>城市</td> < td></td> < td>< asp:DropDownList ID ="ddlCity" runat ="server" Width ="152px"<//asp:DropDownList></td> </tr> < tr> < td>状态</td> < td></td> < td>< asp:DropDownList ID ="ddlState" runat ="server" Width ="152px"<//asp:DropDownList></td> </tr> -%> < tr > < td > 电子邮件< /td > < td > < /td > < td > < asp:TextBox =" txtEmail" 运行 =" > < /asp:TextBox > < /td > < /tr > < tr > < td > 手机号码< /td > < td > < /td > < td > < asp:TextBox =" txtMobileNumber" 运行 =" > < /asp:TextBox > < /td > < /tr > < tr > < td =" 3" < 中心 > < asp:Button ID =" =" 服务器" 文本 =" =" 返回Validate()" OnClick btnSubmit_Click " / > < /center > < /td > < /tr > < tr > < td =" 3" < 中心 > < asp:Label ID =" runat 服务器" > /asp:标签 > < /center > < /td > < /tr > < /table > < /div > < /form > < /body > < /html >
/; if(UserName.value.match(UserNameExpession)) { return true; } else { alert('UserName Should Be Combination of Alphabet and Numbser'); UserName.focus(); return false; } } else { alert('User Name Can not be null'); UserName.focus(); return false; } } </script> </head> <body> <form id="form1" runat="server"> <div> <table> <tr> <td colspan="3"> <center>User Registration Form</center> </td> </tr> <tr> <td>User Name</td> <td></td> <td><asp:TextBox ID="txtUserName" runat="server" ></asp:TextBox></td> </tr> <tr> <td>Password</td> <td></td> <td><asp:TextBox ID="txtPassword" runat="server" ></asp:TextBox></td> </tr> <tr> <td>Conform Password</td> <td></td> <td><asp:TextBox ID="txtConfirmPassword" runat="server" ></asp:TextBox></td> </tr> <tr> <td>First Name</td> <td></td> <td><asp:TextBox ID="txtFirstName" runat="server" ></asp:TextBox></td> </tr> <tr> <td>Last Name</td> <td></td> <td><asp:TextBox ID="txtLastName" runat="server" ></asp:TextBox></td> </tr> <tr> <td>Address</td> <td></td> <td><asp:TextBox ID="txtAddress" runat="server" ></asp:TextBox></td> </tr> <%-- <tr> <td>City</td> <td></td> <td><asp:DropDownList ID="ddlCity" runat="server" Width="152px" ></asp:DropDownList></td> </tr> <tr> <td>State</td> <td></td> <td><asp:DropDownList ID="ddlState" runat="server" Width="152px" ></asp:DropDownList></td> </tr>--%> <tr> <td>Email</td> <td></td> <td><asp:TextBox ID="txtEmail" runat="server" ></asp:TextBox></td> </tr> <tr> <td>Mobile Number</td> <td></td> <td><asp:TextBox ID="txtMobileNumber" runat="server" ></asp:TextBox></td> </tr> <tr> <td colspan="3"> <center> <asp:Button ID="btnSubmit" runat="server" Text="Submit" OnClientClick="return Validate()" OnClick="btnSubmit_Click" /> </center> </td> </tr> <tr> <td colspan="3"> <center> <asp:Label ID="lblError" runat="server" ></asp:Label> </center> </td> </tr> </table> </div> </form> </body> </html>
添加自定义验证器,并在clientvalidationfunction中添加您的javascript函数名称
Add custom validator and add your javascript function name in clientvalidationfunction
<asp:customvalidator clientvalidationfunction="validatecontrols" forecolor="Red" errormessage="your error message" controltovalidate="txtUserName" runat="server" xmlns:asp="#unknown"></asp:customvalidator>
Prakash我不想添加任何其他服务器控件.
Hi Prakash i don''t want any additional server control to be add.
这篇关于如果javascript验证返回false,则停止服务器端代码执行并专注于该字段的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文