asp button prevent post back on javascript function return false

Asked May 30 '18 at 18:19

Active May 30 '18 at 18:34

Viewed 272 times

I am trying to prevent post back when javascript function returns false, but still post back occurs. I don't understand what I am missing in this code. I have searched in internet and they showed the same solution.

function chkMemName() {
            var valMemName = document.getElementById('<%= txtMemName.ClientID %>').value;

            if (valMemName.length == 0) {
                alert("member name missing!!!");
                txtMemName.focus();
                return false;
            }
        }

<label>MEM NAME</label>
<input type="text" maxlength="200" runat="server" id="txtMemName" autocomplete="off" />

<asp:Button ID="btnAddFamily" runat="server" OnClientClick="chkMemName(); return false;" ClientIDMode="Static" formnovalidate="formnovalidate" OnClick="btnAddFamily_Click" Text="ADD" />

edited May 30 '18 at 18:24

asked May 30 '18 at 18:19

user4221591

2,084
7
34
68

You have a typo `chkMemName(): return false;` a colon there. – hardkoded May 30 '18 at 18:22
It was a typo I've edited my code. Still facing the same problem. Thank You! – user4221591 May 30 '18 at 18:25
You might want to try just `OnClientClick="return chkMemname();"`. You also may need to add `UseSubmitBehavior="false"`. See [Stopping onclick from firing when onclientclick is false?](https://stackoverflow.com/q/19139747) – Heretic Monkey May 30 '18 at 18:27
Fix typos and use `OnClientClick="return chkMemName();"`. **`return`** is important here. – Alex Kudryashev May 30 '18 at 21:21

asp button prevent post back on javascript function return false

0 Answers0