javascript - 关于bootstrap表单验证的问题-php教程-PHP中文网

javascript - 关于bootstrap表单验证的问题

php中文网

发布： 2016-08-04 09:20:48

原创

1757人浏览过

后台套的bootstrap，关于样式方面大部分都能满足，其中有一个表单提交的问题，套的是现成的bootstrap给的模板。代码如下

<code>  <form class="form-signin">
    <h2 class="form-signin-heading">Please sign in</h2>
    <label for="inputEmail" class="sr-only">Email address</label>
    <input type="email" id="inputEmail" class="form-control" placeholder="Email address" required autofocus>
    <label for="inputPassword" class="sr-only">Password</label>
    <input type="password" id="inputPassword" class="form-control" placeholder="Password" required>
    <div class="checkbox">
      <label>
        <input type="checkbox" value="remember-me"> Remember me
      </label>
    </div>
    <button class="btn btn-lg btn-primary btn-block" type="submit">Sign in</button>
  </form>

</div> <!-- /container -->

</code>

登录后复制

关于表单验证的方法，官网没有什么介绍，知道require是什么意思，但是想知道关于这块方面的介绍在哪里找，官网没有找到。谢谢大家了

立即学习“Java免费学习笔记（深入）”；

因为我自己写了ajax异步去提交，不好使。想用bs自带的验证表单的方式去做异步提交。多谢

表单大师AI

一款基于自然语言处理技术的智能在线表单创建工具，可以帮助用户快速、高效地生成各类专业表单。

查看详情

回复内容：

后台套的bootstrap，关于样式方面大部分都能满足，其中有一个表单提交的问题，套的是现成的bootstrap给的模板。代码如下

<code>  <form class="form-signin">
    <h2 class="form-signin-heading">Please sign in</h2>
    <label for="inputEmail" class="sr-only">Email address</label>
    <input type="email" id="inputEmail" class="form-control" placeholder="Email address" required autofocus>
    <label for="inputPassword" class="sr-only">Password</label>
    <input type="password" id="inputPassword" class="form-control" placeholder="Password" required>
    <div class="checkbox">
      <label>
        <input type="checkbox" value="remember-me"> Remember me
      </label>
    </div>
    <button class="btn btn-lg btn-primary btn-block" type="submit">Sign in</button>
  </form>

</div> <!-- /container -->

</code>

登录后复制

关于表单验证的方法，官网没有什么介绍，知道require是什么意思，但是想知道关于这块方面的介绍在哪里找，官网没有找到。谢谢大家了

立即学习“Java免费学习笔记（深入）”；

因为我自己写了ajax异步去提交，不好使。想用bs自带的验证表单的方式去做异步提交。多谢

简单。

<code>$("form").submit(function(e){
    e.preventDefault();   // disabled default action
    // do something and ajax ....
    $.post("url", $("form").serializeArray())
    .done(function(){})
    .failed(function(){})
    
  });</code>

登录后复制

你自己在把表单数据提交给 ajax 处理前，就写一个函数先验证数据，成功就交给 ajax，失败就返回提示信息。

form标签里面写action的服务器地址啊。

在github上搜索了一下,有很多,自己挑吧 https://github.com/search?utf8=%E2%9C%93&q=Bootstrap+Validator

可以看这个页面，jQuery Validate | 菜鸟教程 http://www.runoob.com/jquery/jquery-plugin-validate.html

有插件可以帮你做到的