title: Slick slider - check fields before change slide
body: <p>I'm implementing a <a href="http://kenwheeler.github.io/slick/" rel="nofollow noreferrer">slick slider</a>, in each slide there are different check boxes and text boxes.</p>
  
  <p>When I press the button next, I need to check what's inside the text-boxes placed in each slide of my slick slider, if something goes wrong, the buttons must be disabled.I'm here trying to find out the right method to use. Nothing in the documentation and demo, just other questions like this but without the good example and solution for my case (<a href="https://stackoverflow.com/questions/29986838/check-condition-before-changing-slide-in-slick-slider">this</a>).</p>
  
  <p>So, is there a method that just handle the button events without triggering the next slide? If is not implemented, how can I implement it?</p>
  
  <p>I'm using this: </p>
  
  <pre><code>$('.container').on('beforeChange', function (slick, currentSlide) {
  //check the fields, if the regex fails, disable the buttons.
  }
  </code></pre>
  
  <p>but the buttons are disabled only in the next slide, because in the meanwhile the slide changes to the next one.</p>