Why Bootstrap Datepicker does not revalidate - 


    **my html form is:**  <html>   <body>      <form role="form" class="margin_top" method="post" id="eventform">              <div class="form-group">                     <div class="input-group date form_date col-sm-12" data-date="" data-date-format="dd mm yyyy" data-link-field="dtp_input2" data-link-format="yyyy-mm-dd" id="datepicker">                         <input class="form-control" size="16" type="text" value="" name="date_from" placeholder="date of arrival" readonly>                         <span class="input-group-addon"><span class="glyphicon glyphicon-calendar"></span></span>                     </div>                 </div>              <div class="form-group">                     <div class="input-group date form_date col-sm-12" data-date="" data-date-format="dd mm yyyy" data-link-field="dtp_input2" data-link-format="yyyy-mm-dd" id="datepicker2">                         <input class="form-control" size="16" type="text" value="" name="date_to" placeholder="date of departure" readonly>                          <span class="input-group-addon"><span class="glyphicon glyphicon-calendar"></span></span>                     </div>                     <input type="hidden" id="dtp_input2" value="" />                 </div>       <button type="submit" name="send_request" class="btn btn-info bnt-md" value="send">send request</button>     </form>   </body>      <script>      $(document).ready(function() {         $('#datepicker')             .datepicker({                 format: 'mm/dd/yyyy'             })             .on('changedate', function(e) {                 // revalidate date field                 $('#eventform').formvalidation('revalidatefield', 'date_from');         });         $('#datepicker2')             .datepicker({                 format: 'mm/dd/yyyy'             })             .on('changedate', function(e) {                 // revalidate date field                 $('#eventform').formvalidation('revalidatefield', 'date_to');         });            $('#eventform').bootstrapvalidator({             feedbackicons: {                 valid: 'glyphicon glyphicon-ok',                 invalid: 'glyphicon glyphicon-remove',                 validating: 'glyphicon glyphicon-refresh'             },             fields: {                 date_from: {                         validators: {                             notempty: {                             message: 'the date required'                         },                         date: {                             format: 'mm/dd/yyyy',                             message: 'the date not valid'                         }                         }                     },                 date_to: {                         validators: {                             notempty: {                             message: 'the date required'                         },                         date: {                             format: 'mm/dd/yyyy',                             message: 'the date not valid'                         }                         }                     }             }         });     });     </script>      <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.3.0/css/datepicker.min.css" />     <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.3.0/css/datepicker3.min.css" />     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jquery.bootstrapvalidator/0.4.5/css/bootstrapvalidator.min.css"  charset="utf-8">     <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery.bootstrapvalidator/0.4.5/js/bootstrapvalidator.min.js"></script>     <script src="//cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.3.0/js/bootstrap-datepicker.min.js"></script> </html>

when not select date datepicker , submit form shows error message "the date require", again select date datepicker shows same error message. can't revalidate. how can solve problem?

hi please try script may help.

$(document).ready(function() {          $('#datepicker')              .datepicker({                  format: 'mm/dd/yyyy'              })              .on('changedate', function(e) {                  // revalidate date field                  $('#eventform').formvalidation('revalidatefield', 'date_from');          });          $('#datepicker2')              .datepicker({                  format: 'mm/dd/yyyy'              })              .on('changedate', function(e) {				  				if(new date( $('#date1').val()) >= new date($('#date2').val()))  				{  					alert('set date proper !');  					jquery('#date2').val('');  				}  				                  // revalidate date field                  //$('#eventform').formvalidation('revalidatefield', 'date_to');          });  		  		(function( $ ){  		 $.fn.formvalidation = function(t1,t2) {  		     // alert(t2);  	      return this;  		};   		})( jquery );              $('#eventform').bootstrapvalidator({              feedbackicons: {                  valid: 'glyphicon glyphicon-ok',                  invalid: 'glyphicon glyphicon-remove',                  validating: 'glyphicon glyphicon-refresh'              },              fields: {                  date1: {                          validators: {                              notempty: {                              message: 'the date required'                          },                          date: {                              format: 'mm/dd/yyyy',                              message: 'the date not valid'                          }                          }                      },                  date12: {                          validators: {                              notempty: {                              message: 'the date required'                          },                          date: {                              format: 'mm/dd/yyyy',                              message: 'the date not valid'                          }                          }                      }              }          });      });
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>  <link href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.3.0/css/datepicker3.min.css" rel="stylesheet"/>  <link href="https://cdnjs.cloudflare.com/ajax/libs/jquery.bootstrapvalidator/0.4.5/css/bootstrapvalidator.min.css" rel="stylesheet"/>  <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.bootstrapvalidator/0.4.5/js/bootstrapvalidator.min.js"></script>  <script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.3.0/js/bootstrap-datepicker.min.js"></script>        <form role="form" class="margin_top" method="post" id="eventform">                <div class="form-group">                      <div class="input-group date form_date col-sm-12" data-date="" data-date-format="dd mm yyyy" data-link-field="dtp_input2" data-link-format="yyyy-mm-dd" id="datepicker">                          <input class="form-control" size="16" type="text" value="" name="date_from" id="date1" placeholder="date of arrival" readonly>                          <span class="input-group-addon"><span class="glyphicon glyphicon-calendar"></span></span>                      </div>                  </div>               <div class="form-group">                      <div class="input-group date form_date col-sm-12" data-date="" data-date-format="dd mm yyyy" data-link-field="dtp_input2" data-link-format="yyyy-mm-dd" id="datepicker2">                          <input class="form-control" size="16" type="text" value="" name="date_to" placeholder="date of departure" id="date2" readonly>                            <span class="input-group-addon"><span class="glyphicon glyphicon-calendar"></span></span>                      </div>                      <input type="hidden" id="dtp_input2" value="" />                  </div>        <button type="submit" name="send_request" class="btn btn-info bnt-md" value="send">send request</button>      </form>

if problem info me. because not sure need you.


Comments

Post a Comment

Popular posts from this blog

How to connect android app to App engine -

i'm trying connect app in android server i've opened on appengine. my server's name : dddd-daniel-2345 , website server : http://dddd-daniel-2345.appspot.com/ this how connect android app server in app engine: app.yaml: application: dddd-daniel-2345 version: 1 runtime: python27 api_version: 1 threadsafe: yes handlers: - url: .* script: main.app libraries: - name: webapp2 version: "2.5.2" main.py: #!/usr/bin/env python # # copyright 2007 google inc. google.appengine.api import users import webapp2 class userhandler(webapp2.requesthandler): def get(self): user = users.get_current_user() if user: greeting = ('%s,%s,%s' % (user.email(),user.user_id(),user.nickname())) else: greeting = ('not logged in') self.response.out.write(greeting) app = webapp2.wsgiapplication([('/', userhandler),], debug=true) my applications code : add manifast main....
Read more

gcc - MinGW's ld cannot perform PE operations on non PE output file -

i know there other similar questions out there, stackoverflow or not. i've researched lot this, , still didn't find single solution. i'm doing operative system side project. i've been doing in assembly, wanna join c code. test, made assembly code file (called test.asm): [bits 32] global _a section .text _a: jmp $ then made c file (called main.c): extern void a(void); int main(void) { a(); } to link, used file (called make.bat): "c:\mingw\bin\gcc.exe" -ffreestanding -c -o c.o main.c nasm -f coff -o asm.o test.asm "c:\mingw\bin\ld.exe" -ttext 0x100000 --oformat binary -o out.bin c.o asm.o pause i've been researching ages, , i'm still struggling find answer. hope won't flagged duplicate. acknowledge existence of similar questions, have different answers, , none work me. question: what doing wrong? old mingw versions had problem "ld" not able create non-pe files @ all. maybe current versions...
Read more

php - display validation error message next to the textbox in codeigniter -

Image
i'm newbie codeigniter.i want display error message next text box.my view file create.php contains following code. <?php echo validation_errors(); //validation echo form_open('news/create'); //create form ?> <div class="boxes"> <div class="common"> <div class="lables"> <label for="name">name</label> </div> <div class="text_boxes"> <input type="text" name="uname" /><div id="infomessage"><?php echo $message;?></br> </div> </div>` and below controller model: public function create() { $this->load->helper('form'); $this->load->library('form_validation'); $data['title'] = 'insert items'; $this->form_validation->set_rules('uname','required|min_length[6]|m...
Read more