两点东西

一,form的onsubmit button的onclick事件
<html>
<head>
    <title>a test for submit</title>
    <script language="javascript">
     function test1()
     {
       alert("this form will not be submitted!");
       return true;//如果是false则form 的onsubmit事件将不被执行了
     }
     function test()
     {
        alert("submitform");//如果是false执行也将中止
     }
     //提交执行顺序是先submit的onclick,然后是form的onsubmit事件
    </script>
</head>
<body>
<form id="form1" onsubmit="return test()" action="Default.aspx">

<input type="submit" onclick="return test1()" />
</form>

</body>
</html>
二给button加onclick事件
<html>
<head runat="server">
    <title>test button</title>
    <script language="javascript" type="text/javascript">
    function checkUser()
    {
       var user=$("txtName").value;
       if(user.length==0&&user=="")
       {
          alert("you didn't input anything!");
          user.value="";
          return false;
       }
       return true;
    }
   
    function $(id)
    {
       return document.getElementById(id);
    }
   
    </script>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <asp:TextBox ID="txtName" runat="server" EnableViewState="False"></asp:TextBox>
        <asp:Button ID="Button1" runat="server" OnClick="Button1_Click" Text="Button" EnableViewState="False" /></div>
    </form>
</body>
</html>
后台代码

    public partial class _Default : System.Web.UI.Page
    {
        protected void Page_Load(object sender, EventArgs e)
        {
            Button1.Attributes.Add("onclick", "return checkUser()");
        }

        protected void Button1_Click(object sender, EventArgs e)
        {
            Response.Write("this is a good day!");
        }
    }


 

posted on 2008-10-27 09:34  .net小鸟  阅读(193)  评论(0编辑  收藏  举报