Can Concerto Cloud Services help you focus on evolving your application offerings, while delivering the best cloud experience to your customers? From DevOps to revenue models and customer support, the answer is yes!
Learn how Concerto can help you.
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
In my daily work (mainly using ASP.net), I need to write a lot of JavaScript code. One of the most repetitive tasks I do are the jQuery Ajax calls. You know:
(CODE)
I don't know if for you it's the same, but for me is soooo tedious to write the …
Boost your ability to deliver ambitious and competitive web apps by choosing the right JavaScript framework to best suit your project’s needs.
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 Month5 days, left to enroll
670 members asked questions and received personalized solutions in the past 7 days.
Join the community of 500,000 technology professionals and ask your questions.