How to validate input is required in jquery SmartWizard when content load from ajax?

Question

i have success implemented jquery SmartWizard for validate input type text, but when input text load from ajax the validate is not working.

code to validate:

// Toolbar extra buttons
var btnFinish = $('<button></button>').text('Simpan')
.addClass('btn btn-info')
.on('click', function() {
  if( !$(this).hasClass('disabled')) {
    var elmForm = $("#myForm");
    if(elmForm){
      elmForm.validator('validate');
      var elmErr = elmForm.find('.has-error');
      if(elmErr && elmErr.length > 0) {
        alert('Oops we still have error in the form');
        return false;
      } else {
        alert('Great! we are ready to submit form');
        elmForm.submit();
        return false;
      }
    }
  }
});

How do i validate the input?

Answer 1

i use this code, it work.

var btnFinish = $('<button></button>').text('Finish')
                 .addClass('btn btn-finish')
                 .on('click', function(){
  if( !$(this).hasClass('disabled')){
    var elmForm = $("#myForm");
    if(elmForm){
      elmForm.validator('validate');

      var elmErr = elmForm.find('.has-error');
      if(elmErr && elmErr.length >0){
        alert('Oops, sorry');
        return false;
      } else {
        alert('work! ');
        elmForm.submit();
        return false;
      }
    }
  }
});