<%@ Page Language="C#" %>
<!DOCTYPE html>
<script runat="server">
void Page_Load(object sender, EventArgs e)
{
if (Request.HttpMethod == "POST" && Request["mode"] == "check_member")
{
if (string.IsNullOrEmpty(Request["tExtra1"]) ||
string.IsNullOrEmpty(Request["tExtra2"]))
//檢核失敗傳回false會顯示data-val-remote指定的訊息
Response.Write("false");
else
{
string[] members = { "Jeffrey", "Darkthread", "SoundOfMystery" };
string tRemote = Request["tRemote"];
if (members.Contains(tRemote)) //檢核過關傳回true
Response.Write("true");
else if (tRemote == "Shit") //檢核失敗可傳回指定訊息覆寫原錯誤訊息
Response.Write(@"""不要說髒話!"""); //傳回自訂訊息時需加雙引號
else //tRemote非members裡的元素,檢核失敗傳回false
Response.Write("false");
}
Response.End();
}
}
</script>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title>Unobstrusive JS Validation Demo</title>
<script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.6.2.js"
type="text/javascript"></script>
<script src="http://ajax.aspnetcdn.com/ajax/jquery.validate/1.8.1/jquery.validate.js"
type="text/javascript"></script>
<script src="http://ajax.aspnetcdn.com/ajax/mvc/3.0/jquery.validate.unobtrusive.js"
type="text/javascript"></script>
<style type="text/css">
body,input { font-size: 9pt; }
.input-validation-error { border: 1px solid #ff0000 }
.input-validation-valid { border: 1px solid #00ff00 }
.field-validation-error { color: #ff0000 }
.field-validation-valid { display: none }
.validation-summary-errors { font-weight: bold; color: #ff0000 }
.validation-summary-valid { display: none }
</style>
</head>
<body>
<form id="form1" runat="server">
<div>
<input type="text" id="tExtra1" name="tExtra1" value="1" style="width:20px;" />
<input type="text" id="tExtra2" name="tExtra2" value="2" style="width:20px;" />
<input type="text" id="tRemote" name="tRemote" data-val="true"
data-val-required="不可空白" data-val-remote="查無會員編號或前兩欄空白"
data-val-remote-url="UnobJsVald.aspx?mode=check_member"
data-val-remote-type="POST" data-val-remote-additionalfields="tExtra1,tExtra2"
/>
<span data-valmsg-for="tRemote"></span>
</div>
<input type="submit" id="send" value="Send" />
</form>
</body>
</html>