【问题标题】:How to validate input is required in jquery SmartWizard when content load from ajax?从ajax加载内容时,如何在jquery SmartWizard中验证输入?
【发布时间】:2018-09-30 14:57:08
【问题描述】:

我已经成功实现了用于验证输入类型文本的 jquery SmartWizard,但是当从 ajax 加载输入文本时,验证不起作用。

验证代码:

// 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;
      }
    }
  }
});

如何验证输入?

【问题讨论】:

    标签: javascript jquery html ajax smart-wizard


    【解决方案1】:

    我使用此代码,它可以工作。

    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;
          }
        }
      }
    });
    

    【讨论】:

    • 您能否解释一下为什么您的 sn-p 能胜任这项工作?
    • 抱歉,我是从演示中的智能向导文档中获取的。我检查了浏览器元素以查看代码,并尝试使用此代码
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2013-01-19
    • 2013-08-06
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多