How to show message in hidden field using jQuery?

Question

I have an input field that stores vales for checking a condition.I changed this to hidden: if the condition is false I need to show a message.

If the field is hidden,the message is not shown.

html

 <input type="hidden" id="year1_req_fund_hidden" name="year1_req_fund_hidden">

jquery

#wizard5').validate(
{
  rules: {

       year1_req_fund_hidden:{
                    //required:true,
                     number:true,
                     validate_check: [$('#year1_grand_amt').val(),'1'],
                    },
          }, 
 });


 $.validator.addMethod("validate_check",
  function(value, element, params) {
  if(params[0]!=''){
  if(value == params[0]) {
     return true;
     }
   }
  },
 $.format("The total amount requested does not match with grant amount {0} requested in Q1.11 in year {1} .")

  );

This will give you some idea stackoverflow.com/questions/6966221/… — Saurabh
– Saurabh, Commented Jul 27, 2017 at 7:20

Brijesh Borad · Accepted Answer · 2017-07-27 07:39:36Z

2

$('#wizard5').validate({
   ignore:'', // or ignore: []
   rules: {

         year1_req_fund_hidden:{
                //required:true,
                 number:true,
                 validate_check: [$('#year1_grand_amt').val(),'1'],
           },
     }, 
 });

Your code should be as per above

It will work for you. By default, jQuery Validation ignores hidden fields. http://prntscr.com/g0urkk

edited Jul 27, 2017 at 7:39

answered Jul 27, 2017 at 7:22

Brijesh Borad

17710 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

robins Over a year ago

its not woking bro

Brijesh Borad Over a year ago

jqueryvalidation.org/validate Please refer to this link. Might be your validate_check function is not working

Abhishek · Accepted Answer · 2017-07-27 07:55:55Z

1

This way can solve your problem...!

if (!$('input').attr('id') == null) {
    //check your condition according to you
    //your action here
} else {
    //show your message in .hidden div
    $('.hidden').fadeIn('slow').html('Message');
}

.hidden {display: none;}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="hidden" id="year1_req_fund_hidden" name="year1_req_fund_hidden">
<!-- Place below div where you want to show your message -->
<div class="hidden"></div>

edited Jul 27, 2017 at 7:55

Abhishek

5397 silver badges26 bronze badges

answered Jul 27, 2017 at 7:19

Rohit Sharma

3,3442 gold badges21 silver badges39 bronze badges

Collectives™ on Stack Overflow

How to show message in hidden field using jQuery?

2 Answers 2

2 Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related