使用Validator.js进行验证

Validation with Validator.js

本文关键字：验证 js Validator 使用      更新时间：2023-09-26

我使用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

我认为你可以使用这些事件来做到这一点。或者您可以创建一个布尔变量。默认为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。这个在验证器有效时调用

相关文章：