www.webdeveloper.com
Results 1 to 5 of 5

Thread: Validation Problem :(

  1. #1
    Join Date
    Jul 2009
    Posts
    138

    Smile Validation Problem :(

    Dear Users,

    Please save this code and run on your pc, problem is a little complcated: I have hidden Drop Down Box and when is hidden I can not submit the form as it's still required a validation. Any idea how to sole this using JavaScript??


    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Untitled Document</title>
    <script src="SpryAssets/SpryValidationSelect.js" type="text/javascript"></script>
    <script src="SpryAssets/SpryValidationRadio.js" type="text/javascript"></script>
    <link href="SpryAssets/SpryValidationSelect.css" rel="stylesheet" type="text/css" />
    <link href="SpryAssets/SpryValidationRadio.css" rel="stylesheet" type="text/css" />
    <script type="text/javascript">
    <!--
    function MM_showHideLayers() { //v9.0
    var i,p,v,obj,args=MM_showHideLayers.arguments;
    for (i=0; i<(args.length-2); i+=3)
    with (document) if (getElementById && ((obj=getElementById(args[i]))!=null)) { v=args[i+2];
    if (obj.style) { obj=obj.style; v=(v=='show')?'visible'v=='hide')?'hidden':v; }
    obj.visibility=v; }
    }
    //-->
    </script>
    </head>

    <body onload="MM_showHideLayers('spryselect1','','hide','select1','','hide')">

    <form id="form2" name="form2" method="post" action="index2.php">
    <div id="spryradio1">
    <table width="200">
    <tr>
    <td><label>
    <input name="RadioGroup1" type="radio" id="RadioGroup1_0" onclick="MM_showHideLayers('spryselect1','','show','select1','','show')" value="1" />
    Show</label></td>
    </tr>
    <tr>
    <td><label>
    <input name="RadioGroup1" type="radio" id="RadioGroup1_1" onclick="MM_showHideLayers('spryselect1','','hide','select1','','hide')" value="2" />
    Hide</label></td>
    </tr>
    </table>
    <span class="radioRequiredMsg">Please make a selection.</span></div>
    <span id="spryselect1">
    <label>
    <select name="select1" id="select1">
    <option selected="selected" value="">-- Please Select --</option>
    <option value="~120255">BT</option>
    <option value="~120256">Virgin Media /NTL or Telewest (i.e. Cable Operators)</option>
    <option value="~157096">Sky</option>
    <option value="~120257">TalkTalk/Onetel</option>
    <option value="~157095">Tiscali</option>
    <option value="~120258">Other</option>
    <option value="~120259">No Landline</option>
    </select>
    </label>
    <span class="selectRequiredMsg">Please select an item.</span></span>
    <p>&nbsp;</p>
    <p>
    <label>
    <input type="submit" name="button" id="button" value="Submit" />
    </label>
    </p>
    </form>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <script type="text/javascript">
    <!--
    var spryselect1 = new Spry.Widget.ValidationSelect("spryselect1");
    var spryradio1 = new Spry.Widget.ValidationRadio("spryradio1");
    //-->
    </script>
    </body>
    </html>

  2. #2
    Join Date
    Apr 2003
    Location
    Netherlands
    Posts
    21,654
    A hidden element can still be validated

  3. #3
    Join Date
    Jul 2009
    Posts
    138

    yes correct

    That's right, but I would like to have: when it's hidden then validation is hidden as well

  4. #4
    Join Date
    Apr 2003
    Location
    Netherlands
    Posts
    21,654
    SpryValidationSelect.js line 244
    Code:
        // check isRequired
        if (this.isRequired && this.selectElement.style.visibility!='hidden') {
            // there are no options, or no option has been selected

  5. #5
    Join Date
    Jul 2009
    Posts
    138

    thank you

    You are a star !! Thank you so much ! this solve my problem in 10000 %
    I own you one !

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
HTML5 Development Center



Recent Articles