Javascript validation on radio button on change event

Question

0.00/5 (No votes)

See more:

Hi,
I want to validate texbox on radio button on change event but my page is getting post back at the time of radio button onchange event
so, how can i prevent page post back
Please help

rajp11

Posted 18-May-12 0:50am

rajsp11

Add a Solution

Comments

Stephen Hewison 18-May-12 7:03am

Could you post the ASPX for the radio button? My guess is that you've tried writing javascript into the onchange attribute. The onchange attribute for the server side control creates a postback. You need to do something like this in you server side code.

ctlRadioButton.Attributes.Add("onchange", "alert('test');");

This will write the alert('test'); command to the HTML rendering as a client event.

4 solutions

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)

Ezhil Maran · Answer 1 · 2012-05-18T01:53:00

Solution 1

you can use onchange event that is client side event you can call javascript and check whatever

C#

function Checking() {
           alert('test')
           }

ASP.NET

<asp:radiobutton id="RadioButton1" runat="server" onchange="Checking()" xmlns:asp="#unknown" />

Posted 18-May-12 1:53am

Ezhil Maran

Updated 18-May-12 10:02am

v2

**tanweer** · Answer 2 · 2012-05-18T02:02:00

First there should not autopostback="true" in your Radio button

ASP.NET

<tr>
                                       <td>
                                           <asp:radiobutton id="Radio1" checked="true" runat="server" text="Text" groupname="rd" xmlns:asp="#unknown" />
                                       </td>
                                       <td>
                                           <asp:radiobutton id="Radio2" runat="server" text="Image" groupname="rd" xmlns:asp="#unknown" />
                                       </td>
                                   </tr>

then using jQuery it will get like this:

JavaScript

$(document).ready(function () {
           $('#Radio1').change(function () {
              //do something here
           });
           $('#Radio2').change(function () {
             //do some more stuff here
           });
       });

Code 89 · Answer 3 · 2012-05-18T02:10:00

Solution 3

Go this you will get more info:

Click Here

Posted 18-May-12 2:10am

Code 89

ManavGuru · Answer 4 · 2012-05-18T19:45:00

Solution 4

Hello friend go on this website................
[^][^]

Posted 18-May-12 19:45pm

ManavGuru