Loading...

Search jQuery

Search

jQuery Forum

Screen name:
aducci

aducci's Profile

2 Posts

3 Responses

0 Followers

Activity Trend

Last 30 days

Loading Chart...

Show:

Expanded view
List view

Using validation with multiple events
[1Reply]
- 11-Apr-2012 04:23 PM
- Forum: Using jQuery Plugins
I have a dropdown selection box, which.. has an onChange event associated ( the event will make a div visable if yes is selected) ... i am also using jQuery validation to validate the field...
2. <select name="myDropdown" id="myDropdown" validate="required:true" onChange="fade('myDropdown', this)" >
3. <option value="">Please Select</option>
4. <option>Yes</option>
5. <option>No</option>
6. </select>
Fade Event
2. function fade(div_id, button) {
3. if(button.value == 'Yes') {
4. $('#'+div_id).fadeIn('slow');
5. button.value = 'FadeOut';
6. }
7. else {
8. $('#'+div_id).fadeOut('slow');
9. button.value = 'FadeIn';
10. }
11. }
Everything is working, however... when i select the checkbox... the value is not populated into the field...
any suggestions..
please see graphic below.

calling the jQuery Validate function from document.ready
[3Replies]
- 11-Apr-2012 09:25 AM
- Forum: Using jQuery Plugins
Hi..

i have been struggling to use the jQuery Plugin from bassistance . attached is the code, the form that i am using has many input boxes. so i dont want to use the rules: { editname: "required"; } method... as can be seen, i have just specified each input as class="required"... PLEASE!... i am struggling to make the form validation method execute.... as you can see the two alerts in this code dont show on document.ready...
2. <html>
3. <head>
4. <script type="text/javascript" src="jquery.js"></script>
5. <script type="text/javascript" src="jquery.validate.js"></script>
6. <script type="text/javascript" src="jquery.metadata.js"></script>
8. <script type="text/javascript">
9. $(document).ready(function() {
10. alert(0);
11. $("#frmVal").validate({
12. alert(1);
13. });
14. </script>
16. <style>
17. label {
18. width: 150px;
19. display: inline-block;
20. }
21. label.error {
22. color: red;
23. }
24. </style>
26. <title>Form Validation Using jQuery</title>
27. </head>
28. <body>
29. <p>Sample Form</p>
30. <form id="frmVal">
31. First name: <input type="text" name="firstname" class="required" /><br />
32. Last name: <input type="text" name="lastname" class="required" /><br />
33. <input type="submit" name="btnSubmit" class="btnSubmit" />
34. </form>
35. </body>
37. </html>
Where am i going wrong?
thanks

«Prev
Next »