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)" />
.........待续

 posted on 2007-01-10 13:41  清一  阅读(559)  评论(0编辑  收藏  举报