ASP Message Board - JavaScript/JScript

Adding new validation to radio button validation code

iiswansongiiAtWork — Thu, 23 May 2013 15:32:28 GMT

I have code in place that does its job that an entry 'must' be made on each set of radio buttons. Either Yes or No.

However, people are 'required' to enter yes on at least one of them and this validation doesn't check for that.
It 'will' allow people to check 'no' for all three sets'. I need it to know that they are checking at least one of the 'yes' selections. If anyone has advice on what needs to be added i'd appreciate the point in the right direction!

Here is the javascript...

Code:

function RadioValidator()

{

    var ShowAlert = '';

    var AllFormElements = window.document.getElementById("form1").elements;

    for (i = 0; i < AllFormElements.length; i++) 

    {

        if (AllFormElements[i].type == 'radio') 

        {

            var ThisRadio = AllFormElements[i].name;

            var ThisChecked = 'No';

            var AllRadioOptions = document.getElementsByName(ThisRadio);

            for (x = 0; x < AllRadioOptions.length; x++)

            {

                 if (AllRadioOptions[x].checked && ThisChecked == 'No')

                 {

                     ThisChecked = 'Yes';

                     break;

                 } 

            }   

            var AlreadySearched = ShowAlert.indexOf (ThisRadio);

            if (ThisChecked == 'No' && AlreadySearched == -1)

            {

            ShowAlert = ShowAlert + ThisRadio + 'at least one must be answered\n';

            }     

        }

    }

    if (ShowAlert != '')

    {

    alert(ShowAlert);

    return false;

    }

    else

    {

    return true;

    }

}

Here is the code in the yes/no radio buttons...

HTML Code:

"radio">

    "label">I am a this?

    "reason1">"radio" name="This?" id="reason1" value="Yes" onclick="document.getElementById('divUrl1').style.display='block'">Yes

    "radio" name="This?" id="reason1" value="No" onclick="document.getElementById('divUrl1').style.display='none'"> No





"radio">

    "label">That?

    "reason2">"radio" name="That?" id="reason2" value="Yes" onclick="document.getElementById('divUrl2').style.display='block'"> Yes"radio" name="That?" id="reason2" value="No" onclick="document.getElementById('divUrl2').style.display='none'"> No





"radio">

    "label">I am the other?

    "reason3">"radio" name="theother?" id="reason3" value="Yes" onclick="document.getElementById('divUrl3').style.display='block'"> Yes"radio" name="theother?" id="reason3" value="No" onclick="document.getElementById('divUrl3').style.display='none'"> No

thank you in advance for any advice/input you can provide!

iiSwanSongii

ajaxtoolkit progress update javascript

kylemac — Wed, 01 May 2013 21:38:31 GMT

I am using ajaxtoolkit modalpopupextender to display a processing message. It's working fine on a typical postback (button click, etc).

However, I am calling a postback in javascript and the progress message isn't showing UNLESS I add an "alert" in the javascript.

Here's my javascript:

Code:

function getOrder() {

    beginRequest('', '')

    var hid = document.getElementById("ctl00_ContentPlaceHolder_hid");

    //alert(hid.value);



    __doPostBack("SaveOrder", hid.value);

    endRequest('', '')

}

I obviously don't want to have an "alert" so does anyone have a solution or ran into this?

Here's the other piece of javascript used relating to this (typical stuff):

Code:

Sys.WebForms.PageRequestManager.getInstance().add_beginRequest(beginRequest);

Sys.WebForms.PageRequestManager.getInstance().add_endRequest(endRequest);    



var mdlCtl = document.getElementById('ctl00_hfModalCtlID').value;



function beginRequest(sender, args){

    $find(mdlCtl).show();

}



function endRequest(sender, args) {

    $find(mdlCtl).hide();

}

I'm stumped on why the "alert" makes a difference in the javascript that shows the processing message...?

Thoughts? Ideas? I can post more code if needed.

Part two of my task

IheChi — Tue, 30 Apr 2013 19:41:32 GMT

Bill helped me trememdously with part one of my task which was to present users with search options.

In part one, users can enter an item into a search box. If results are too many, they can narrow the search by using search options by checking appropriate checkboxes.

I truly grateful for his immense, generous help.

Now, I am working on part two.

In this part two, We have a search form which allows users to search for items on the page.

There is also another form with checkboxes that allows users to refine their searches with the hope of reducing the number of search results as alluded to above.

For instance, if I enter McCland on the search box and 13 results marching McCland are returned, I can click on Advanced search Options and a bunch of checkboxes are rendered.

I can then check "Street", "Road", "LandMarks", etc. I can then click search on McCland again.

This time, only addresses with Street or Road or LandMarks will be displayed if available.

This works great.

Then there is a Remember This Action icon.

My biggest challenge so far is to allow users to click on this Remember This Action icon and save their current results.

This way, next time they visit the page, the results they searched for previously are presented to them unless they choose to search with another option.

If they click on this Remember This Action icon, they will be prompted with a message explaining that they are about to save their current Results.

They can click Yes to save current results so that next time they visit the page, they can use their saved results or they can click Cancel to not save.

I suspect this will be done with cookies(jquery or Javascriot) but I am not sure how to do this.

Any assistance is greatly appreciated.

Help needed with simple Javascript array

late_nights_and_sore_eyes — Wed, 24 Apr 2013 16:31:21 GMT

Hey guys,

JS has never been my stronger point, so Im after a bit of help with this bit of code.

I have an auto suggest field that is populated by user input. When the user has made their final selection, they click on a button to "verify" this input.

In simple terms, here's what might be displayed in the auto suggest field upon user selection.

INALA, Queensland 4077;

...and then how its passed over to the verification popup window.

suburb=INALA%2C%20Queensland%204077%3B

I need to somehow split this up so I get each value separately.

eg

suburb - INALA
state - Queensland
pcode - 4077

Here's the existing snippet of JS that captures the user input.

var suburb = fixField(form.search.value,0,"suburb");

Thanks!