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|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|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|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|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|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|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|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|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|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

回答 11

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

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

回答 11

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

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