asp.net-javascript validation

Question

i have a button..and i want to use javascript to validate certain fields on the button click and if the validation has passed i need to then execute the code in the code behind..any suggestions please guys!

Thanks in advance.

here is my javascript:

function validateFields() {

    function checkCampaignStatus() {
        var rdbCampStatus = document.all('<%=rdbCampStatus.ClientID%>');
        var radio = rdbCampStatus.getElementsByTagName("input");
        var isChecked = false;
        for (var i = 0; i < radio.length; i++)
        {
            if (radio[i].checked)
            {
                isChecked = true;
                break;
            }
        }
        if (!isChecked)
        {
            showOk('Save/Close', 'Please fill in all mandatory fields');
            document.getElementById('popupControl').style.display = 'block';
            document.getElementById('divEntryMain').style.display = 'none';
            document.getElementById('divBuilderMain').style.display = 'none';
            return false;
        }
        return true;
    }

    function checkCreatedBy() {
        var createdBy = document.all('<%=txtCreatedBy.ClientID%>').value;
        if (createdBy == "")
        {
        return false;
        }
    }
}

what is the error? Is it in js functions

Mahesh KP
– Mahesh KP

2011-06-17 11:18:44 +00:00
Commented Jun 17, 2011 at 11:18 — Mahesh KP
– Mahesh KP, Commented Jun 17, 2011 at 11:18

Mahesh KP · Accepted Answer · 2011-06-17 11:17:51Z

2

OnClientClick of the button call the validation function. If the validations are ok , return true else return false. By returning true if the validations are ok it will call the server side method.

answered Jun 17, 2011 at 11:17

Mahesh KP

6,47613 gold badges54 silver badges71 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Raja · Accepted Answer · 2011-06-17 11:24:46Z

Could you please try this:

function validateFields() {
  return (checkCampaignStatus() && checkCreatedBy());          
}
function checkCampaignStatus() {
        var rdbCampStatus = document.all('<%=rdbCampStatus.ClientID%>');
        var radio = rdbCampStatus.getElementsByTagName("input");
        var isChecked = false;
        for (var i = 0; i < radio.length; i++)
        {
            if (radio[i].checked)
            {
                isChecked = true;
                break;
            }
        }
        if (!isChecked)
        {
            showOk('Save/Close', 'Please fill in all mandatory fields');
            document.getElementById('popupControl').style.display = 'block';
            document.getElementById('divEntryMain').style.display = 'none';
            document.getElementById('divBuilderMain').style.display = 'none';
            return false;
        }
        return true;
    }

    function checkCreatedBy() {
        var createdBy = document.all('<%=txtCreatedBy.ClientID%>').value;
        return (createdBy == "");
    }

HTH

BenMorel · Accepted Answer · 2014-01-12 12:54:51Z

0

Aspx section:

 <asp:Button ID="Button1" runat="server" Text="Button" OnClientClick="return javascriptFunction()" OnClick"Button_Click"/>

JavaScript section:

 function javascriptFunction()
 {
      //Get the asp.net server controls using the following code
       var textbox=document.getElementById('<%=txtID.ClientID %>');

       var label=document.getElementById('<%=lblID.ClientID %>');

      if(textbox.value=="")
      {
         label.innerHTML="this is a required field";
         return false;// This will stop at client side and skip server side execution
      }
      else
      {
         return true;//This will execute the server side event
      }

 }

hope this helps...

edited Jan 12, 2014 at 12:54

BenMorel

37k52 gold badges208 silver badges339 bronze badges

answered Jun 17, 2011 at 11:22

Harun

5,1795 gold badges40 silver badges61 bronze badges

Collectives™ on Stack Overflow

asp.net-javascript validation

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related