How to Call javascript function on button click event

Question

3.67/5 (3 votes)

See more:

Hi,
I used Two textboxes in my asp.net application. i want to compare that two values on buuton click. How to Check that two textbox values and display alert message using javascript and how to call that function on button click event.

If any one know about this Help me.

Regards
Nanda Kishore.CH

Posted 7-Jul-12 0:29am

nandkishorre

Add a Solution

Comments

Member 11268391 29-Nov-14 8:22am

How to call javascript function on text

5 solutions

Solution 1

USe This:

ASP.NET

<asp:button id="Btn_submit" onclientclick="return validate()" onclick="Btn_submit_Click()"/>

Here The OnClientClick is used for calling the javascript function. Here validate is a javascript function.

JavaScript

<script type="text/javascript">
function vaildate()
{
...................
...................
....................
}
</script>

Posted 7-Jul-12 0:45am

Mohd Imran Saifi

Updated 6-Dec-12 1:44am

v3

Solution 4

You can use this in page_load

Button1.Attributes.Add("onclick", "return javascriptfunction();");

if you don't want postback always return false;

Posted 7-Jul-12 0:51am

SoumenBanerjee

Solution 5

Take one button outside of all divs.. Make it visible and give it height=0px .,, so it wont be shown in page.

<asp:Button ID="btnQuote" runat="server" Text="" Height="0px" onclick="btnQuote_Click" />

now, make a javascript fuction and call it from where yu need to call button click event.

<script>
function myFunction() {

var clickButton = document.getElementById("<%= btnQuote.ClientID %>");
clickButton.click();
}
</script>

now, generate the click event of that button..

protected void btnQuote_Click(object sender, EventArgs e)
{

// yor logic//code

}

That all done.. This worked for me.

All the best.

Posted 29-Jun-15 23:44pm

Safer Sunny

Updated 29-Jun-15 23:45pm

v3

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

AshishChaudha · Accepted Answer · 2012-07-07T00:48:00

Try this...its so simple

JavaScript

<script type="text/javascript" language="javascript">
 function ValidateForm()
    {
           var Form=document.getElementById('frmDemo');
           alert(Form.txtbox1.value);
           alert(Form.txtbox2.value);
           if(parseFloat(Form.txtbox1.value)<parseFloat(Form.txtbox2.value))
            {
                alert('hello all');
                document.getElementById('txtbox1').focus();
                return false;
            }
//or
            if(parseFloat(Form.txtbox1.value)==parseFloat(Form.txtbox2.value))
            {
                alert('hello all');
                document.getElementById('txtbox1').focus();
                return false;
            }
//or
            if(parseFloat(Form.txtbox1.value)<parseFloat(Form.txtbox2.value))
            {
                alert('hello all');
                document.getElementById('txtbox1').focus();
                return false;
            }
    }

</script>

Call ValidateForm() on Button OnClientClick

C#

<asp:Button ID="BtnSubmit" Text="Proceed" runat="server" OnClientClick="return ValidateForm();"/>

Thanks
Ashish

Mark it solution if this is your answer

jdarknight · Accepted Answer · 2012-07-07T00:48:00

In asp button there is a property called OnClientClick there u can specify the java script function like given below

XML

<asp:button id="btnSave" tabIndex="32" runat="server" CssClass="btn" OnClientClick = "return compare()"Text="Save"></asp:button>

in ur javascipt function now u can write the compare function like given below

XML

<script language="javascript" type="text/javascript">


            function compare() {

var txt1 = document.getElementById('txt1').value; // textbox 1 ID is txt1
var txt2 = document.getElementById('txt2').value; // textbox 2 ID is txt2

                if (txt1 == txt2) {
                    alert("both are same");
                }
                else {
                    alert("both are different");
                }

            }

        </script>

Check this out.