javascript - Jquery complete form validation issue

Solution:

Try this :

$('#search_form').submit(function() {
    if($('#fepUserIDValue').attr("checked") == "checked" && $('#inquiry_date').val() == '') {
       alert('Required field missing');
       return false;
    }
});
Copy code

Reference links :

jQuery Validation ONLY when certain radio buttons selected

How do I Required text box if radio button selected on form submission using jquery?

Solution:

HTML

   <input type="radio" name="check" > yes: <br>
   <input type="radio" name="check" > no: <br>

  <div>
    <input type="text" name="name"> 
  </div>
Copy code

JQUERY

      <script>

     //select the  radio buttons to be clicked 
    var radioBtns = jQuery('.checker');
     //text box to be affected but the radio buttons
     var textbox  = jQuery('.isValid');

     //when any of the  buttons  is clicked  a function to validate the textbox is run  
     radioBtns.on('click',function(){
        // get the button clicked 
         if (jQuery(this).hasClass('yes')){
             // put code to affect textbox when not valid
             alert('textbox not valid');
         }else if(jQuery(this).hasClass('no')){
             //put code to affect the textbox when it is valid 
             alert('text box is valid ');
         }

     });
 </script>
Copy code

Solution:

So you want to Perform your Validation only if the User clicks on No? Is that correct? Well here is a Code that might work for you: assuming the Assumption above is right.

JAVASCRIPT

        <script type="text/javascript">
            ;                           // CLOSE OFF ANY UNCLOSED JS TAGS... IF ANY ;-)
            jQuery.noConflict();        // ADD THE noConflict() METHOD, IN CASE YOU ARE USING OTHER LIBRARIES THAT MAKE USE OF THE $ SYMBOL
            (function ($) {
                $(document).ready(function(e) {
                    // CREATE VARIABLES TO HOLD THE FORM, RADIO-BUTTON & TEXT-FIELD JQUERY OBJECTS
                    var isPremiumRadio      = $("input[name=is_premium_016]");
                    var ifNotWnyNot         = $("input[name=if_not_017]");
                    var controlForm         = $("form[name=name_of_your_form]");    //<== PLEASE; PUT THE REAL NAME OF YOUR FORM IN THE STEAD OF "name_of_your_form"

                    controlForm.on("submit", function(evt){
                        var theForm         = $(this);
                        var invalids        = [];
                        evt.preventDefault();
                        evt.stopPropagation();

                        $(".required").each(function(){
                            var vlr = jQuery(this).val();
                            if( $(this).is(isPremiumRadio) ){
                                if(isPremiumRadio.val() == "no"){
                                    //PERFORM YOUR VALIDATION HERE...
                                    if(ifNotWnyNot.val() == ""){
                                        invalids.push("Blank Field Error");
                                        alert("Could you, please, let us know why not?");
                                    }
                                }
                            }else if( $(this).is(ifNotWnyNot)  && ifNotWnyNot == ""){
                                if(isPremiumRadio.val() == "no"){
                                    invalids.push("Blank Field Error");
                                    alert("Could you, please, let us know why not?");
                                }
                            }else{
                                // VALIDATE OTHER FIELDS OTHERWISE...
                                if(vlr == ''){
                                    invalids.push("Blank Field Error");
                                }
                            }
                        });

                        if(invalids.length == 0){
                            theForm.submit();
                        }else{
                            alert("Value not to be blank.");
                        }

                    });
                });


            })(jQuery);

        </script>
Copy code

HTML ++FORM++

    <tr>
      <td >Is premium paid?
        <input name="is_premium_016" value="yes"  type="radio">Yes
        <input name="is_premium_016" value="no"  type="radio">No
      </td>
      <td >if not,why not? <input name="if_not_017" type="text" ></td>
    </tr>
Copy code