Rumah > Artikel > pembangunan bahagian belakang > javascript - 关于bootstrap表单验证的问题
后台套的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> </code>
关于表单验证的方法,官网没有什么介绍,知道require是什么意思,但是想知道关于这块方面的介绍在哪里找,官网没有找到。 谢谢大家了
因为我自己写了ajax异步去提交,不好使。 想用bs自带的验证表单的方式去做异步提交。多谢
后台套的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> </code>
关于表单验证的方法,官网没有什么介绍,知道require是什么意思,但是想知道关于这块方面的介绍在哪里找,官网没有找到。 谢谢大家了
因为我自己写了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
有插件可以帮你做到的