使用javascript从服务器端asp.net启动警报
如果登录失败，我试图得到一个显示“is和密码无效”的警报，但问题是如何从服务器端发出警报。我想我必须从服务器端调用javascript函数。我试过了，但它不起作用。我还收到了另一个关于“请联系经理”的警告，下面是我的代码。我们试图做的是从服务器端调用按钮来触发警报，但它没有正常工作使用javascript从服务器端asp.net启动警报,javascript,c#,jquery,html,asp.net,Javascript,C#,Jquery,Html,Asp.net,如果登录失败，我试图得到一个显示“is和密码无效”的警报，但问题是如何从服务器端发出警报。我想我必须从服务器端调用javascript函数。我试过了，但它不起作用。我还收到了另一个关于“请联系经理”的警告，下面是我的代码。我们试图做的是从服务器端调用按钮来触发警报，但它没有正常工作 <%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %> <!
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title>Login</title>
<link href="Content/bootstrap.min.css" rel="stylesheet" />
<link href="Content/Style.css" rel="stylesheet" />
<style type="text/css">
#btnSubmit {
height: 38px;
width: 179px;
}
</style>
</head>
<body style="background-image: url('imp.jpg'); background-repeat: no-repeat; height: auto; width: auto;">
<form id="form1" runat="server">
<div class="panel-img ">
<img src="Panel.png" />
</div>
<div>
<div style="position: absolute; z-index: 1; top: 183px; left: -1px; width: 596px; height: 125px;" id="layer1">
<div class="modal-body" style="top: 0px; left: 678px; margin-left: 400px; margin-right: 0px; margin-top: 30px;">
<div class="row">
<div class="col-xs-12">
<div class="form-group">
<label for="username" class="control-label font-weight-bold">Username</label>
<asp:TextBox ID="TextBox1" runat="server" CssClass="form-control" placeholder="Employee ID"></asp:TextBox>
<span class="help-block"></span>
</div>
<div class="form-group">
<label for="password" class="control-label font-weight-bolder ">Password</label>
<asp:TextBox ID="TextBox2" runat="server" CssClass="form-control " placeholder="Password"></asp:TextBox>
<div id="error" class="invalid-feedback"></div>
<asp:Label ID="lblerror" runat="server" Text="Label"></asp:Label>
<br />
</div>
<asp:Button ID="Button1" runat="server" Text="Login" Width="211px" CssClass=" btn btn-success btn-block " OnClick="Button1_Click" />
<asp:Button ID="Button2" runat="server" Text="Manager Tab" CssClass="btn btn-danger btn-block" Width="215px" OnClick="Button2_Click" Height="38px" />
<br />
<button type="button" id="btnSubmit" class="btn btn-primary btn-block">
Forgot Password!</button>
<br />
<br />
<div id="myAlert" class="alert alert-danger collapse">
<a id="linkClose" href="#" class="close">×</a>
<strong>Info!</strong> Please Contact Manager
</div>
</div>
</div>
</div>
</div>
</div>
</form>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js">
</script>
<script type="text/javascript">
$(document).ready(function () {
$('#btnSubmit').click(function () {
$('#myAlert').show('fade');
setTimeout(function () {
$('#myAlert').hide('fade');
}, 2000);
});
$('#linkClose').click(function () {
$('#myAlert').hide('fade');
});
});
</script>
<script src="Scripts/bootstrap.min.js">
</script>
</body>
</html>
ClientScript.RegisterStartupScript(this.GetType(), "JSScript", alert("Invalid Password"));
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="TESTSM.aspx.cs" Inherits="TESTSM" %>
<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="asp" %>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
</head>
<body>
<form id="form1" runat="server">
<asp:ScriptManager runat="server" EnablePageMethods="true">
<Scripts>
<asp:ScriptReference Name="jquery" />
<asp:ScriptReference Name="WebForms.js" Assembly="System.Web" />
<asp:ScriptReference Name="WebUIValidation.js" Assembly="System.Web" />
</Scripts>
</asp:ScriptManager>
<div>
<asp:Button ID="Button1" runat="server" Text="CLICK" ValidationGroup="vgTest" OnClick="Button1_Click" />
</div>
</form>
</body>
</html>
ClientScript.RegisterStartupScript(this.GetType(), "JSScript", alert("Invalid Password"));
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="TESTSM.aspx.cs" Inherits="TESTSM" %>
<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="asp" %>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
</head>
<body>
<form id="form1" runat="server">
<asp:ScriptManager runat="server" EnablePageMethods="true">
<Scripts>
<asp:ScriptReference Name="jquery" />
<asp:ScriptReference Name="WebForms.js" Assembly="System.Web" />
<asp:ScriptReference Name="WebUIValidation.js" Assembly="System.Web" />
</Scripts>
</asp:ScriptManager>
<div>
<asp:Button ID="Button1" runat="server" Text="CLICK" ValidationGroup="vgTest" OnClick="Button1_Click" />
</div>
</form>
</body>
</html>
您是否考虑过向您的客户发回回复 当您在DB中找不到用户时，请发回状态代码为422（不可处理实体）的响应 假设您有一个表单：
<form id='myForm'>
...
<button id='submit'>Submit</button>
</form>
...
提交
<script>
$('#submit').onClick(function(){
$.ajax({
method: "POST",
url: "/you/script/.aspx",
data: {
user_name: 'user_name_from_form',
password: 'password_from_form'
},
success: function (response) {
//do something if you want
},
error: function (error) {
//show your alert - status code 422 is an error
}
});
});
</script>
$（“#提交”）.onClick（函数（）{
$.ajax({
方法：“张贴”，
url:“/you/script/.aspx”，
数据：{
用户名：“来自表单的用户名”，
密码：“来自表单的密码”
},
成功：功能（响应）{
//如果你想做什么就做什么
},
错误：函数（错误）{
//显示您的警报-状态代码422是一个错误
}
});
});
<form id='myForm'>
...
<button id='submit'>Submit</button>
</form>
...
提交
<script>
$('#submit').onClick(function(){
$.ajax({
method: "POST",
url: "/you/script/.aspx",
data: {
user_name: 'user_name_from_form',
password: 'password_from_form'
},
success: function (response) {
//do something if you want
},
error: function (error) {
//show your alert - status code 422 is an error
}
});
});
</script>
$（“#提交”）.onClick（函数（）{
$.ajax({
方法：“张贴”，
url:“/you/script/.aspx”，
数据：{
用户名：“来自表单的用户名”，
密码：“来自表单的密码”
},
成功：功能（响应）{
//如果你想做什么就做什么
},
错误：函数（错误）{
//显示您的警报-状态代码422是一个错误
}
});
});