使用Validator.js进行验证

时间:2015-08-06 01:57:33

标签: javascript jquery twitter-bootstrap validation

我正在使用Bootstrap和http://1000hz.github.io/bootstrap-validator/来验证表单。

我已经通过单击按钮验证表单,然后提交。

$(".registrantBtn").click(function(){
    $('#registrantForm').validator('validate');

});

但是现在我正试图在jquery中告诉表单何时有效以及何时不存在。当它有效时我需要继续下一个标签,我想象的是:

    $(".registrantBtn").click(function(){
       $('#registrantForm').validator('validate');
       if(valid)
       {
         // Do this Stuff
       }
       else
       {
         // Do nothing, let the defaults of bootstrap-validator take over
       }
    });

我已经挖掘了网站上的文档,但根本找不到任何东西。

感谢您的帮助。

根据要求,我的整个JS文件如下:

Renew.js

1 个答案:

答案 0 :(得分:0)

我认为您可以使用这些事件来做到这一点。或者您可以创建一个布尔变量。它的默认值为false。验证器有效时。更改 。 P / s:当你不在这个方法时,你必须创建一个访问变量的方法。

    $('#form').validator().on('submit', function (e) {
  if (e.isDefaultPrevented()) {
    // handle the invalid form...
  } else {
    // everything looks good!
  }
})

或者您可以在http://1000hz.github.io/bootstrap-validator页面的末尾使用某些活动。 仅当您单击按钮提交表单时,才会调用submit事件。您可以将提交事件更改为valid.bs.validator。当验证器有效时调用此