I have four dropdownlist and i want to validate (client-side validation) that atleast one is selected before the form is valid for submission. I have tried the method below but it seems not working. -
-
<script language = "Javascript">
-
var filter = new Array (3);
-
filter[0] = "filter1" //first dropdownlist name
-
filter[1] = "filter2"
-
filter[2] = "filter3"
-
filter[3] = "filter4"
-
-
-
function validate(){
-
for (var i = 0; i < filter.length; i++){
-
if (document.getElementById(filter[i]).value != '') {
-
return true;
-
}
-
}
-
alert("Please make atleast one selection");
-
return false;
-
}
-
</script>
And i have called the validate function as below:
<form method="POST" name="form" id="form" onsubmit='retur n validate()'>
Can somebody help me?
14  2676  gits 5,390
Recognized Expert Moderator Expert
how does a selectbox in your page look like? (HTML)
 Rabbit 12,516
Recognized Expert Moderator MVP
The function works perfectly fine for me with the mock up HTML I made. Most likely your HTML for your form is wrong. - <script language = "Javascript">
-
var filter = new Array (3);
-
filter[0] = "filter1" //first dropdownlist name
-
filter[1] = "filter2"
-
filter[2] = "filter3"
-
filter[3] = "filter4"
-
-
-
function validate(){
-
for (var i = 0; i < filter.length; i++){
-
if (document.getElementById(filter[i]).value != '') {
-
return true;
-
}
-
}
-
alert("Please make atleast one selection");
-
return false;
-
}
-
</script>
-
-
<body>
-
<form method="POST" name="form" id="form" onsubmit='return validate()'>
-
<select id="filter1">
-
<option value="">Choose</option>
-
<option value="saab">Saab</option>
-
</select>
-
<select id="filter2">
-
<option value="">Choose</option>
-
<option value="mercedes">Mercedes</option>
-
</select>
-
<select id="filter3">
-
<option value="">Choose</option>
-
<option value="audi">Audi</option>
-
</select>
-
<select id="filter4">
-
<option value="">Choose</option>
-
<option value="saab">Aston Martin</option>
-
</select>
-
<input type="submit" value="submit" />
-
</form>
-
</body>
thanks guys for your help, but i am surprised it doesn't work. My selectbox looks like below, its a joomla frontend page without having used the joomla validation. -
<?php
-
defined('_JEXEC') or die('Restricted access');
-
-
JHTML::_('behavior.calendar');
-
JHtml::_('behavior.tooltip');
-
JHTML::_('behavior.formvalidation');
-
?>
-
<script language = "Javascript">
-
var filter = new Array (3);
-
filter[0] = "filter1"
-
filter[1] = "filter1"
-
filter[2] = "filter1"
-
filter[3] = "filter1"
-
-
-
function validate(){
-
for (var i = 0; i < filter.length; i++){
-
if (document.getElementById(filter[i]).value != '') {
-
return true;
-
}
-
}
-
alert("Please make your selection");
-
return false;
-
}
-
</script>
-
<form method="POST" name="form" id="form" onsubmit='return validate()'>
-
<div align="center">
-
<table id="mytable">
-
<tr>
-
<td>
-
<div align="center">
-
<table style="width:42%">
-
<tr>
-
<td colspan="2"><h2 align="center">Filter and Search</h2></td>
-
</tr>
-
<tr>
-
<td>Class</td>
-
<td>
-
<select name="filter1" id="filter1" class="inputbox1" style="width: 140px">
-
<option value="">Filter by Class</option>
-
<?php echo JHtml::_('select.options', JFormFieldCClass::getOptions(), 'clid', 'cclass');?>
-
</select>
-
</td>
-
</tr>
-
<tr>
-
<td>Category</td>
-
<td>
-
<select name="filter2" id="filter2" class="inputbox1" style="width: 140px">
-
<option value="">Filter by Category</option>
-
<?php echo JHtml::_('select.options', JFormFieldCategory::getOptions(), 'catid', 'category');?>
-
</select>
-
</td>
-
</tr>
-
<tr>
-
<td>Client Category</td>
-
<td>
-
<select name="filter3" id="filter3" class="inputbox1" style="width: 140px">
-
<option value="">Filter by Client</option>
-
<?php echo JHtml::_('select.options', JFormFieldClsCategory::getOptions(), 'clsid', 'clscategory');?>
-
</select>
-
</td>
-
</tr>
-
<tr>
-
<td>Paper</td>
-
<td>
-
<select name="filter4" id="filter4" class="inputbox1" style="width: 140px">
-
<option value="">Filter by Paper</option>
-
<?php echo JHtml::_('select.options', JFormFieldPaper::getOptions(), 'pid', 'paper');?>
-
</select>
-
</td>
-
</tr>
-
<tr>
-
<td ></td>
-
<td ></td>
-
</tr>
-
<tr>
-
<td ></td>
-
<td>
-
<button>Search</button>
-
</td>
-
</tr>
-
</table>
-
</div>
-
</td>
-
</tr>
-
</table>
-
<input type="hidden" name="option" value="<?php echo JRequest::getVar('option');?>"/>
-
<?php echo JHTML::_( 'form.token' ); ?>
-
</div>
-
</form>
-
Rabbit 12,516
Recognized Expert Moderator MVP
What does the HTML look like on the client side?
- <form method="POST" name="form" id="form" onsubmit='return validate()'>
-
<div align="center">
-
<table id="mytable">
-
<tr>
-
<td>
-
<div align="center">
-
<table style="width:42%">
-
<tr>
-
<td colspan="2"><h2 align="center">Search Tenders</h2></td>
-
</tr>
-
<tr>
-
<td>Class</td>
-
<td>
-
<select name="filter1" id="filter1" class="inputbox1" style="width: 140px">
-
<option value="">Filter by Class</option>
-
<option value="26">L</option>
-
<option value="27">M</option>
-
<option value="28">S</option>
-
</select>
-
</td>
-
</tr>
-
<tr>
-
<td>Category</td>
-
<td>
-
<select name="filter2" id="filter2" class="inputbox1" style="width: 140px">
-
<option value="">Filter by Category</option>
-
<option value="22">W1</option>
-
<option value="23">W2</option>
-
<option value="24">W3</option>
-
<option value="25">W4</option>
-
</select>
-
</td>
-
</tr>
-
<tr>
-
<td>Client</td>
-
<td>
-
<select name="filter3" id="filter3" class="inputbox1" style="width: 140px">
-
<option value="">Filter by Client </option>
-
<option value="13">Government</option>
-
<option value="12">Private</option>
-
</select>
-
</td>
-
</tr>
-
<tr>
-
<td>Paper</td>
-
<td>
-
<select name="filter4" id="filter4" class="inputbox1" style="width: 140px">
-
<option value="">Filter by Paper</option>
-
<option value="11">Times</option>
-
<option value="10">Business</option>
-
</select>
-
</td>
-
</tr>
-
<tr>
-
<td ></td>
-
<td ></td>
-
</tr>
-
<tr>
-
<td ></td>
-
<td>
-
<button>Search</button>
-
</td>
-
</tr>
-
</table>
-
</div>
-
</td>
-
</tr>
-
</table>
-
</fieldset>
-
<input type="hidden" name="option" value="com_filters"/>
-
<input type="hidden" name="412f9f21029443c16fad2f9ddbda9369" value="1" />
-
</div>
-
</form>
does anybody have any idea? i too tried the function as suggested by RABBIT and it works in a mock html page but when i implement it in my actual form it doesn't.
Rabbit 12,516
Recognized Expert Moderator MVP
It's because your button isn't a submit button. - <button type="submit">Search</button>
i tried your solution rabbit but still the result is out of question. But please note that the validation works in IE7 and only in firefox and chrome it has no effect.
does it have anything to do with mootools in joomla? but infact i ve not used the joomla validation
Rabbit 12,516
Recognized Expert Moderator MVP
It would help had you said that at the beginning. I don't have chrome or firefox at work.
Sign in to post your reply or Sign up for a free account.
Similar topics | |
by: middletree |
last post by:
Posted this to Access group, meant to do it here:
I have what I call a composite table. Can't recall what they called it in
database class, but it's where you take the PK of two different tables, and
make a new table consisting of only those two fields. That's for
normalization purposes, to resolve a many-to-many situation.
Anyway, I have three dropdowns, which I intentionally gave the same name. I
want people to select one, two, or...
|
by: Michael Groeger |
last post by:
Hi,
I want to be able to have a DropDownList which supports multiple selection,
but I haven't found a property for that in the DropDownList control. Is
there a way to have multiple selection with that one.
Kind Regards,
Michael
|
by: Nick Zdunic |
last post by:
Is there an example of using client side script to disable selection of some
items in a drop down that I could follow.
It would seem tricky as there are multiple drop downs in the GridView. I
would need to remember the last selected value for each drop down within the
grid. If the selected value is not permitted then reset to the remembered
value.
And then when a valid item is selected the remebered value for that drop
down would...
|
by: WT |
last post by:
Hello,
I can figure how to set selectIndex or Value, I have tried this
<EditItemTemplate>
<asp:DropdownList ID="DDLSector3" DataSource='<%#
BindSector(this,(int)DataBinder.Eval(Container.DataItem,"wt_SectorId"))%>'
OnPreRender='SetSectorIndex' DataTextField='wt_SectorName'
DataValueField='wt_SectorId' runat="server" >
|
by: kennygee |
last post by:
I am trying to learn VB after many years programming in Access. I am trying to do something in VB that is simple in Access. How do I display record data on a form based on the selection made in a combo box?
My problem may lie in not understanding which event is triggered when a new value is selected in the combo. I am working on the basis that when the new value is selected, I can then use the new value to reposition the data in the forms...
| | |
by: subbaraju |
last post by:
I have two selection controls and based on the selection made by the user i need to pass those values to the other program in java......
can u give me the way......
|
by: manishamca |
last post by:
i want to retrive values from backend depending on the selection made in choice box. i have two choice box and different values shuld be retrived depending on the selection made in this two different box. is it possible to do this in jsp using javascript becz i am not familiar with ajax.
Thanx in advance
|
by: ammweb |
last post by:
How would you validate a page that had several drop down menus. When the submit button is submitted, and NO selection has been made?
See code below:
<html>
<head>
</head>
<body>
<table width="100%" height="500px" border="0" cellpadding="0" cellspacing="0">
|
by: Claus Mygind |
last post by:
I have a list box and want to limit the user to selecting a max of 5 items from the list. I've put in a counter which warns the user that more than 5 items have been selected, however I cannot reverse the users selection of the last item in the select box as I cannot identify which of the items was the last. I store the list of selected items in a hidden field on change. That one is no problem, but I want to reflect which items have been...
|
by: ash42 |
last post by:
I need to write an asp application consisting of a webform which allows a user to make a selection from menu and display all jobs relalted to IT or all jobs related to Admin .
A user will click on buttons 'IT' or 'Admin'. This will invoke a database to be read
for the appropriate search - and then it should display a screen of all IT related jobs or Admin related jobs .5 jobs per page must be shown before pressing 'More' for next screen -...
|
by: marktang |
last post by:
ONU (Optical Network Unit) is one of the key components for providing high-speed Internet services. Its primary function is to act as an endpoint device located at the user's premises. However, people are often confused as to whether an ONU can Work As a Router. In this blog post, we’ll explore What is ONU, What Is Router, ONU & Router’s main usage, and What is the difference between ONU and Router. Let’s take a closer look !
Part I. Meaning of...
| | |
by: jinu1996 |
last post by:
In today's digital age, having a compelling online presence is paramount for businesses aiming to thrive in a competitive landscape. At the heart of this digital strategy lies an intricately woven tapestry of website design and digital marketing. It's not merely about having a website; it's about crafting an immersive digital experience that captivates audiences and drives business growth.
The Art of Business Website Design
Your website is...
|
by: Hystou |
last post by:
Overview:
Windows 11 and 10 have less user interface control over operating system update behaviour than previous versions of Windows. In Windows 11 and 10, there is no way to turn off the Windows Update option using the Control Panel or Settings app; it automatically checks for updates and installs any it finds, whether you like it or not. For most users, this new feature is actually very convenient. If you want to control the update process,...
|
by: tracyyun |
last post by:
Dear forum friends,
With the development of smart home technology, a variety of wireless communication protocols have appeared on the market, such as Zigbee, Z-Wave, Wi-Fi, Bluetooth, etc. Each protocol has its own unique characteristics and advantages, but as a user who is planning to build a smart home system, I am a bit confused by the choice of these technologies. I'm particularly interested in Zigbee because I've heard it does some...
|
by: agi2029 |
last post by:
Let's talk about the concept of autonomous AI software engineers and no-code agents. These AIs are designed to manage the entire lifecycle of a software development project—planning, coding, testing, and deployment—without human intervention. Imagine an AI that can take a project description, break it down, write the code, debug it, and then launch it, all on its own....
Now, this would greatly impact the work of software developers. The idea...
|
by: isladogs |
last post by:
The next Access Europe User Group meeting will be on Wednesday 1 May 2024 starting at 18:00 UK time (6PM UTC+1) and finishing by 19:30 (7.30PM).
In this session, we are pleased to welcome a new presenter, Adolph Dupré who will be discussing some powerful techniques for using class modules.
He will explain when you may want to use classes instead of User Defined Types (UDT). For example, to manage the data in unbound forms.
Adolph will...
|
by: conductexam |
last post by:
I have .net C# application in which I am extracting data from word file and save it in database particularly. To store word all data as it is I am converting the whole word file firstly in HTML and then checking html paragraph one by one.
At the time of converting from word file to html my equations which are in the word document file was convert into image.
Globals.ThisAddIn.Application.ActiveDocument.Select();...
| | |
by: 6302768590 |
last post by:
Hai team
i want code for transfer the data from one system to another through IP address by using C# our system has to for every 5mins then we have to update the data what the data is updated we have to send another system
|
by: muto222 |
last post by:
How can i add a mobile payment intergratation into php mysql website.
| |
