1.按鈕前後台事件
<asp:Button ID="Button1" runat="server" OnClick="Button1_Click" Text="Button"
OnClientClick="alert('客房端驗證,阻止向伺服器端提交');return false;" />
2.註冊相關事件:onblur,onclick,onchange
this.TextBox1.Attributes.Add("onchange",
"alert('資料被改動,現檢查輸入是否符合規則');");
3.註冊相關屬性:
this.TextBox1.Attributes.Add("readOnly", "true");
4.引入JS檔案
前台HTML頁面:
<script type="text/javascript" src="JScript.js" language="javascript"></script>
<script type="text/javascript" language="javascript">
function fn_Name()
{
alert("JS");
}
</script>
後台cs頁面:
this.RegisterClientScriptBlock("jsFile",
"<script type='text/javascript' src='JScript.js' language='javascript'></script>");
5.點擊按鈕時 相關欄位 非空判斷
function checkEmpty(txtObj,msgShow)
{
if(txtObj.value == "")
{
alert(msgShow);
return false;
}
}
<asp:Button ID="Button1" runat="server" OnClick="Button1_Click" Text="Button"
OnClientClick="return checkEmpty(TextBox1,'TextBox1 不可為空')" />
6.
//通過ChcekBox的是否點選
//來控制其相對應的TextBox 是否可輸入
function chkTextBox(chkObj,txtObj)
{
if(chkObj.checked==true)
{
txtObj.value = "";
txtObj.readOnly = false;
txtObj.focus();
}
if(chkObj.checked == false)
{
txtObj.value = "";
txtObj.readOnly = true;
}
}
<input id="Checkbox1" type="checkbox" onclick="chkTextBox(Checkbox1,TextBox1)" />
.........待續