Helpful to verify reports of your own downtime, or to double check a downed website you are trying to access.
One of a set of tools we are providing to everyone as a way of saying thank you for being a part of the community.
Course Of The Month
8 days, 13 hours left to enrollBecome a Premium Member and unlock a new, free course in leading technologies each month.
Solved
Validate a field, based on a user dropdown selection
Posted on 2013-12-05
Hi,
I would like the form below to validate the colour2 field, if the colour field is set to other. At present its not working. The contents of the validate2.js script is also below:
Form:
Any help would be greatly appreciated.
I would like the form below to validate the colour2 field, if the colour field is set to other. At present its not working. The contents of the validate2.js script is also below:
Form:
<html>
<head>
<script type="text/javascript" src="js/jquery-1.7.1.min.js"></script>
<script type="text/javascript" src="js/jquery.validate.min.js"></script>
<script type="text/javascript" src="js/validate2.js"></script>
<title>Registration Form</title>
<style type="text/css">
<!--
label
{
display: block;
color: #FF0000;
font-style: bold;
}
-->
</style>
</head>
<body>
<form method="POST" id="registerForm" action="next_stage.php">
<select size="1" name="colour">
<option selected value="">Select....</option>
<option value="blue">Blue</option>
<option value="red">Red</option>
<option value="other">Other</option>
</select>
<input type="text" name="colour2" id="colour2"/>
<input type="submit" value="Submit" name="B1">
</form>
</body>
</html>
validate2.js:
$(document).ready(function(){
$("#registerForm").validate({
rules: {
colour: "required",
colour2: {
required: function(element) {
var flag = false;
if($("#colour").val()=="other")
{
if($("#colour2").val()=="")
flag = true;
}
return flag;
}
}
}
});
});
Any help would be greatly appreciated.
[X]
Welcome to Experts Exchange
Add your voice to the tech community where 5M+ people just like you are talking about what matters.
- Help others & share knowledge
- Earn cash & points
- Learn & ask questions
2
4 Comments
define id for select box
<select size="1" name="colour" id="colour">
<option selected value="">Select....</optio
<option value="blue">Blue</option>
<option value="red">Red</option>
<option value="other">Other</optio
</select>
<select size="1" name="colour" id="colour">
<option selected value="">Select....</optio
<option value="blue">Blue</option>
<option value="red">Red</option>
<option value="other">Other</optio
</select>
after define the id for select box then you can call like this.
<select size="1" name="colour" id="colour">
if($("#colour").val()=="ot
<select size="1" name="colour" id="colour">
if($("#colour").val()=="ot
Featured Post
Question has a verified solution.
If you are experiencing a similar issue, please ask a related question
Suggested Solutions
| Title | # Comments | Views | Activity |
|---|---|---|---|
| PHP: Filling Out/Creating a PDF | 29 | 158 | |
| Check if field exists SPUtility | 5 | 45 | |
| Difference between Leaflet and MapBox? | 5 | 42 | |
| What is the valid CSS Selector Chain for this situation? | 3 | 15 |
In Part 1 (http://www.experts-exchange.com/Programming/Languages/Scripting/JavaScript/A_7849-Hex-Maze.html) we covered the hexagonal maze basics -- how the cells are represented in a JavaScript array and how the maze is displayed. In this part, we'…
This article discusses the difference between strict equality operator and equality operator in JavaScript.
The Need:
Because JavaScript performs an implicit type conversion when performing comparisons, we have to take this into account when wri…
The viewer will learn the basics of jQuery, including how to invoke it on a web page.
Reference your jQuery libraries: (CODE)
Include your new external js/jQuery file: (CODE)
Write your first lines of code to setup your site for jQuery.: (CODE)
The viewer will learn the basics of jQuery including how to code hide show and toggles.
Reference your jQuery libraries:
(CODE)
Include your new external js/jQuery file:
(CODE)
Write your first lines of code to setup your site for jQuery…
Suggested Courses
Course of the Month8 days, 13 hours left to enroll
738 members asked questions and received personalized solutions in the past 7 days.
Join the community of 500,000 technology professionals and ask your questions.