javascript - 关于bootstrap表单验证的问题
Aug 04, 2016 am 09:20 AM
后台套的bootstrap,关于样式方面大部分都能满足,其中有一个表单提交的问题,套的是现成的bootstrap给的模板。代码如下
<code> <form class="form-signin"> <h2 id="Please-sign-in">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 id="Please-sign-in">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
有插件可以帮你做到的

Article chaud

Outils chauds Tags

Article chaud

Tags d'article chaud

Bloc-notes++7.3.1
Éditeur de code facile à utiliser et gratuit

SublimeText3 version chinoise
Version chinoise, très simple à utiliser

Envoyer Studio 13.0.1
Puissant environnement de développement intégré PHP

Dreamweaver CS6
Outils de développement Web visuel

SublimeText3 version Mac
Logiciel d'édition de code au niveau de Dieu (SublimeText3)

Sujets chauds

Guide d'installation et de mise à niveau de PHP 8.4 pour Ubuntu et Debian

Comment configurer Visual Studio Code (VS Code) pour le développement PHP
