blocks|key|1381623|text|当它完成时让你的javascript返回false。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1381624|<asp:button+runat="server"....+OnClientClick="myfunction();+return+false;"+/>|code-block|syntax|javascript|1381625|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

<p>Have your javascript return false when it's done.</p>

<pre><code>&lt;asp:button runat="server".... OnClientClick="myfunction(); return false;" /&gt;
</code></pre>


blocks|key|1596693|text|YourButton.Attributes.Add("onclick",+"return+false");|type|code-block|depth|inlineStyleRanges|entityRanges|data|syntax|javascript|1596694|或|unstyled|1596695|<asp:button+runat="server"+...+OnClientClick="return+false"+/>|1596696|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|K|8|@]|9|@]|A|$B|C]]|$1|D|3|E|5|F|7|L|8|@]|9|@]|A|$]]|$1|G|3|H|5|6|7|M|8|@]|9|@]|A|$B|C]]|$1|I|3|-4|5|F|7|N|8|@]|9|@]|A|$]]]|J|$]]

<pre><code>YourButton.Attributes.Add("onclick", "return false");
</code></pre>

<p>or</p>

<pre><code>&lt;asp:button runat="server" ... OnClientClick="return false" /&gt;
</code></pre>


blocks|key|1381680|text|您没有说明您使用的是哪个版本的.NET框架。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1381681|如果您使用的是v2.0或更高版本，则可以使用OnClientClick属性在按钮的onclick事件引发时执行Javascript函数。|1381682|要防止发生服务器回发，只需从调用的JavaScript函数返回false即可。|offset|length|style|CODE|1381683|entityMap^0|0|0|V|5|0^^$0|@$1|2|3|4|5|6|7|L|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|M|8|@]|9|@]|A|$]]|$1|D|3|E|5|6|7|N|8|@$F|O|G|P|H|I]]|9|@]|A|$]]|$1|J|3|-4|5|6|7|Q|8|@]|9|@]|A|$]]]|K|$]]

<p>You don't say which version of the .NET framework you are using. </p>

<p>If you are using v2.0 or greater you could use the OnClientClick property to execute a Javascript function when the button's onclick event is raised.</p>

<p>All you have to do to prevent a server postback occuring is return <code>false</code> from the called JavaScript function.</p>


blocks|key|1381726|text|其他人是对的，你需要你的回调返回false；然而，我想补充说，通过设置onclick来做这件事是一种丑陋的老方法。我建议您阅读有关unobtrusive+javascript的文章。使用像jQuery这样的库可以使您的工作更轻松，并且HTML与您的javascript+(现在还有jQuery的supported+by+Microsoft！)的耦合度更低！|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|1381727|entityMap|0|LINK|mutability|MUTABLE|url|http://en.wikipedia.org/wiki/Unobtrusive_JavaScript|1|http://jquery.com/|2|http://weblogs.asp.net/scottgu/archive/2008/09/28/jquery-and-microsoft.aspx^0|1T|M|0|2M|6|1|43|M|2|0^^$0|@$1|2|3|4|5|6|7|P|8|@]|9|@$A|Q|B|R|1|S]|$A|T|B|U|1|V]|$A|W|B|X|1|Y]]|C|$]]|$1|D|3|-4|5|6|7|Z|8|@]|9|@]|C|$]]]|E|$F|$5|G|H|I|C|$J|K]]|L|$5|G|H|I|C|$J|M]]|N|$5|G|H|I|C|$J|O]]]]

<p>The others are right that you need your callback to return false; however I'd like to add that doing it by setting the onclick is an ugly old way of doing things.  I'd recommend reading about <a href="http://en.wikipedia.org/wiki/Unobtrusive_JavaScript" rel="nofollow noreferrer">unobtrusive javascript</a>.  Using a library like <a href="http://jquery.com/" rel="nofollow noreferrer">jQuery</a> could make your life easier, and the HTML less coupled to your javascript (and jQuery's <a href="http://weblogs.asp.net/scottgu/archive/2008/09/28/jquery-and-microsoft.aspx" rel="nofollow noreferrer">supported by Microsoft</a> now!)</p>


blocks|key|1381736|text|考虑一下这个。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1381737|<script+type="text/javascript">
Sys.WebForms.PageRequestManager.getInstance().add_beginRequest(BeginRequest);
function+BeginRequest(sender,+e)+{
++++e.get_postBackElement().disabled+=+true;

}
+++++</script>|code-block|syntax|javascript|1381738|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

<p>Consider this.</p>

<pre><code>&lt;script type="text/javascript"&gt;
Sys.WebForms.PageRequestManager.getInstance().add_beginRequest(BeginRequest);
function BeginRequest(sender, e) {
    e.get_postBackElement().disabled = true;

}
     &lt;/script&gt;
</code></pre>


blocks|key|1381757|text|此外，对于接受的答案，您可以使用UseSubmitBehavior="false“MSDN|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|1381758|entityMap|0|LINK|mutability|MUTABLE|url|http://msdn.microsoft.com/en-us/library/system.web.ui.webcontrols.button.usesubmitbehavior.aspx^0|15|4|0|0^^$0|@$1|2|3|4|5|6|7|L|8|@]|9|@$A|M|B|N|1|O]]|C|$]]|$1|D|3|-4|5|6|7|P|8|@]|9|@]|C|$]]]|E|$F|$5|G|H|I|C|$J|K]]]]

<p>additionally for accepted answer you can use UseSubmitBehavior="false" 
<a href="http://msdn.microsoft.com/en-us/library/system.web.ui.webcontrols.button.usesubmitbehavior.aspx" rel="nofollow">MSDN</a></p>


blocks|key|1596869|text|使用验证|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1596870|在本例中，我使用了两个控件ddl和txtbox，它们的代码都很友好|offset|length|style|CODE|1596871|+asp:ScriptManager+ID="script1"+runat="server"+/asp:ScriptManager

++++asp:UpdatePanel+ID="Panel1"+runat="server"
+++++++ContentTemplate

//+ASP+BUTTON
asp:Button+ID="btnSave"+runat="server"+Text="Save"+class="btn+btn-success"+OnClientClick="return+Valid()"+OnClick="btnSave_Click"


+++/ContentTemplate++++
++++/asp:UpdatePanel++++

++<script+type="text/javascript">
++++++++function+Valid()+{

++++++++++++if+($("#ctl00_ContentPlaceHolder1_YOUR+CONTROL+NAME").val()+==+0)+{
++++++++++++++++alert("Please+select+YOUR+TEXT");
++++++++++++++++$("#ctl00_ContentPlaceHolder1_YOUR+CONTROL+NAME").focus();
++++++++++++++++return+false;
++++++++++++}

++++++++++++if+($("#ctl00_ContentPlaceHolder1_YOUR+CONTROL+NAME").val().length+==+0)+{
++++++++++++++++alert("Please+Type+YOUR+TEXT");
++++++++++++++++$("ctl00_ContentPlaceHolder1_YOUR+CONTROL+NAME").focus();
++++++++++++++++return+false;
++++++++++++}
++++++++++++return+true;
++++++++}
</script>|code-block|syntax|javascript|1596872|entityMap^0|0|D|3|H|6|0|0^^$0|@$1|2|3|4|5|6|7|O|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|P|8|@$D|Q|E|R|F|G]|$D|S|E|T|F|G]]|9|@]|A|$]]|$1|H|3|I|5|J|7|U|8|@]|9|@]|A|$K|L]]|$1|M|3|-4|5|6|7|V|8|@]|9|@]|A|$]]]|N|$]]

<p>With Validation</p>

<p>In this example I used two controls,<code>ddl</code> and <code>txtbox</code>, have a happy coding</p>

<pre><code> asp:ScriptManager ID="script1" runat="server" /asp:ScriptManager

    asp:UpdatePanel ID="Panel1" runat="server"
       ContentTemplate

// ASP BUTTON
asp:Button ID="btnSave" runat="server" Text="Save" class="btn btn-success" OnClientClick="return Valid()" OnClick="btnSave_Click"


   /ContentTemplate    
    /asp:UpdatePanel    

  &lt;script type="text/javascript"&gt;
        function Valid() {

            if ($("#ctl00_ContentPlaceHolder1_YOUR CONTROL NAME").val() == 0) {
                alert("Please select YOUR TEXT");
                $("#ctl00_ContentPlaceHolder1_YOUR CONTROL NAME").focus();
                return false;
            }

            if ($("#ctl00_ContentPlaceHolder1_YOUR CONTROL NAME").val().length == 0) {
                alert("Please Type YOUR TEXT");
                $("ctl00_ContentPlaceHolder1_YOUR CONTROL NAME").focus();
                return false;
            }
            return true;
        }
&lt;/script&gt;
</code></pre>


blocks|key|1381850|text|在我的例子中，我解决了在onClientClick中添加返回的问题：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1381851|代码隐藏|1381852|function+verify(){
++if+(document.getElementById("idName").checked+==+"")+{
++++alert("Fill+the+field");
++++return+false;
++}
}|code-block|syntax|javascript|1381853|设计图面|1381854|<asp:Button+runat="server"+ID="send"+Text="Send"+onClientClick="return+verify()"+/>|1381855|entityMap^0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|O|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|P|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|Q|8|@]|9|@]|A|$G|H]]|$1|I|3|J|5|6|7|R|8|@]|9|@]|A|$]]|$1|K|3|L|5|F|7|S|8|@]|9|@]|A|$G|H]]|$1|M|3|-4|5|6|7|T|8|@]|9|@]|A|$]]]|N|$]]

<p>In my case, I solved adding return in the onClientClick:   </p>

<h2>Code Behind</h2>

<pre><code>function verify(){
  if (document.getElementById("idName").checked == "") {
    alert("Fill the field");
    return false;
  }
}
</code></pre>

<h2>Design Surface</h2>

<pre><code>&lt;asp:Button runat="server" ID="send" Text="Send" onClientClick="return verify()" /&gt;
</code></pre>


blocks|key|1596938|text|您可以使用以下代码：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1596939|​|1596940|<asp:Button+ID="Button2"+runat="server"
+++++Text="Pulsa"
+++++OnClientClick="this.disabled=true"
+++++UseSubmitBehavior="False"/>|code-block|syntax|javascript|1596941|1596942|如果需要提交|1596943|1596944|...
<form+id="form1"+runat="server"+onsubmit="deshabilita()">
...
<script+type="text/javascript">
++++function+deshabilita()
++++{
++++++++var+btn+=+"<%25=+Button1.ClientID+%25>";
++++++++if+(confirm("Confirme+postback"))
++++++++{
++++++++++++document.getElementById(btn).disabled+=+true;
++++++++++++return+true;
++++++++}
++++++++return+false;
++++}
</script>|1596945|1596946|entityMap^0|0|0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|R|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|S|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|T|8|@]|9|@]|A|$G|H]]|$1|I|3|C|5|6|7|U|8|@]|9|@]|A|$]]|$1|J|3|K|5|6|7|V|8|@]|9|@]|A|$]]|$1|L|3|C|5|6|7|W|8|@]|9|@]|A|$]]|$1|M|3|N|5|F|7|X|8|@]|9|@]|A|$G|H]]|$1|O|3|C|5|6|7|Y|8|@]|9|@]|A|$]]|$1|P|3|-4|5|6|7|Z|8|@]|9|@]|A|$]]]|Q|$]]

<p>you can use the code:</p>

<p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
<div class="snippet-code">
<pre class="snippet-code-js lang-js prettyprint-override"><code>&lt;asp:Button ID="Button2" runat="server"
     Text="Pulsa"
     OnClientClick="this.disabled=true"
     UseSubmitBehavior="False"/&gt;</code></pre>
</div>
</div>
</p>

<p>if nee submit</p>

<p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
<div class="snippet-code">
<pre class="snippet-code-js lang-js prettyprint-override"><code>...
&lt;form id="form1" runat="server" onsubmit="deshabilita()"&gt;
...
&lt;script type="text/javascript"&gt;
    function deshabilita()
    {
        var btn = "&lt;%= Button1.ClientID %&gt;";
        if (confirm("Confirme postback"))
        {
            document.getElementById(btn).disabled = true;
            return true;
        }
        return false;
    }
&lt;/script&gt;</code></pre>
</div>
</div>
</p>


blocks|key|1381933|text|ASP.NET始终将asp:Button生成为input+type=submit。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|1381934|如果您想要一个不执行post的按钮，但又需要对服务器端的元素进行一些控制，那么可以创建一个简单的具有type=button和runat=server属性的HTML+input。|1381935|如果您禁用执行OnClientClick=return+false的单击操作，它将不会在单击时执行任何操作，除非您创建如下函数：|1381936|function+btnClick()+{
++++//+do+stuff
++++return+false;
}|code-block|syntax|javascript|1381937|entityMap^0|A|A|N|H|0|1E|B|1Q|C|0|7|Q|0|0^^$0|@$1|2|3|4|5|6|7|Q|8|@$9|R|A|S|B|C]|$9|T|A|U|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|V|8|@$9|W|A|X|B|C]|$9|Y|A|Z|B|C]]|D|@]|E|$]]|$1|H|3|I|5|6|7|10|8|@$9|11|A|12|B|C]]|D|@]|E|$]]|$1|J|3|K|5|L|7|13|8|@]|D|@]|E|$M|N]]|$1|O|3|-4|5|6|7|14|8|@]|D|@]|E|$]]]|P|$]]

<p>ASP.NET always generate <code>asp:Button</code> as an <code>input type=submit</code>.<br>
If you want a button which doesn't do a post, but need some control for the element on the server side, create a simple HTML input with attributes <code>type=button</code> and <code>runat=server</code>. </p>

<p>If you disable click actions doing <code>OnClientClick=return false</code>, it won't do anything on click, unless you create a function like:</p>

<pre><code>function btnClick() {
    // do stuff
    return false;
}
</code></pre>


blocks|key|1597019|text|您可以使用JQuery来完成此操作|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1597020|<asp:Button+runat="server"+ID="btnID"+/>|code-block|syntax|javascript|1597021|比在JQuery中|1597022|$("#btnID").click(function(e){e.preventDefault();})|1597023|entityMap^0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|N|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|O|8|@]|9|@]|A|$]]|$1|I|3|J|5|D|7|P|8|@]|9|@]|A|$E|F]]|$1|K|3|-4|5|6|7|Q|8|@]|9|@]|A|$]]]|L|$]]

<p>You can use JQuery for this</p>

<pre><code>&lt;asp:Button runat="server" ID="btnID" /&gt;
</code></pre>

<p>than in JQuery</p>

<pre><code>$("#btnID").click(function(e){e.preventDefault();})
</code></pre>


<p>I have an asp button.  It's server-side so I can only show it for logged in users, but i want it to run a javascript function and it seems when it's runat="server" it always calls the postback event.</p>

<p>I also have a regular button (<code>&lt;input...</code>>) not running at server and it works fine...</p>

<p>How can I make this button only run the javascript and not postback?</p>


How to disable postback on an asp Button (System.Web.UI.WebControls.Button)

服务器

jQuery

我有一个asp按钮。它是服务器端的，所以我只能为登录的用户显示它，但我想让它运行一个javascript函数，当它是runat=“服务器”时，它似乎总是调用回发事件。我也有一个常规的按钮(<input...>)没有在服务器上运行，它工作得很好…我怎么才能让这个按钮只运行javascript而不运行回发呢？

问如何在asp按钮上禁用回发(System.Web.UI.WebControls.Button)
EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何在asp按钮上禁用回发(System.Web.UI.WebControls.Button)EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何在asp按钮上禁用回发(System.Web.UI.WebControls.Button)
EN