Search jQuery

jQuery Forum

jQuery Validation form

in Using jQuery Plugins • 10 years ago

I have an issue with the validation plugin. What i need is a text box to be required when a radio button is selected. Simple enough, but its not working. Below i have the jquery and the html code in question:

Html

<input type="radio" name="directory" value="main">Main<br>
<input type="radio" name="directory" value="uo">uo<br>
<input type="radio" name="directory" value="custom">Custom<br>
<input type="text" name="custom" size="80">

jQuery

$(function() {
          $('#input').validate({
                rules: {
                      type: {required: true},
                      game: {required: true},
                      version: {required: true},
                      replace: {required: true},
                    file: {required:true},
                      custom: {required: function(element) {return $('input[name="directory"]:checked').val() == 'true';}}
                };
            });
    });

Replies(3)

hyungmen

Re: jQuery Validation form

10 years ago

$("input[name*=' directory ']").click(function () {

if ($("#main ").is(":checked")) {

$("#main ").css({ display: "", float: "right" });

}

if ($("#custom ").is(":checked")) {

$("#custom ").css({ display: "", float: "right" });

}

});

initially you have to hide this textbox

you have any query let me know

Thanks

donvito186

Re: jQuery Validation form

10 years ago

Thats not working. I'm not sure if you understand what i need. I need the text box named "custom" to be required when the radio button "Custom" is checked. I dont need it to appear or anything, i just need it to be required.

donvito186

Re: jQuery Validation form

10 years ago

I tried redoing the jquery validation code, as i have it posted below. Still now working the way i want it. Like i mentioned in my previous post, when the radio button:

<input type="radio" name="directory" value="custom">Custom

is selected, the text box:

<input type="text" name="dircustom" size="80">

is required.

Heres my jquery code:

$(function() {
          $('#input').validate({
                rules: {
                      type: {required: true},
                      game: {required: true},
                      version: {required: true},
                      replace: {required: true},
                    file: {required:true},
                    dircustom: {required: function(element) {
                        return $('input[name="directory"]:checked').val() == 'custom';
                  }},
                };
            });
    });

Top Reply

Response title

Attachments

jQuery Forum

jQuery Validation form

Replies(3)

Re: jQuery Validation form

Re: jQuery Validation form

Re: jQuery Validation form

Statistics

Tags

Actions

Related Posts