bootstrap使用validate实现简单校验功能

本文实例为大家分享了bootstrap validate校验功能，供大家参考，具体内容如下

<div class="row" style="background-image: url(../img/regist_bg.jpg);">
<div class="col-sm-8 col-sm-offset-2" style="border: 7px gainsboro solid; background-color: white;">
<div class="row" style="margin-top: 5px;">
<div class="col-sm-offset-1"><a href=""><font size="4">用户注册

<div class="row">
<div class="col-sm-9 col-sm-offset-1">
<form class="form-horizontal" id="f1">
<div class="form-group">
<label for="inputEmail3" class="col-sm-2 control-label">用户名
<div class="col-sm-10">
<input type="text" class="form-control" id="username" name="username" placeholder="请输入用户名">

<div class="form-group">
<label for="inputPassword3" class="col-sm-2 control-label">性别
<div class="col-sm-10" style="margin-top: 5px;">
<input type="radio" checked="checked" id="man" name="man">男
<input type="radio" id="woman" name="woman">女

<div class="form-group">
<div class="col-sm-offset-2 col-sm-10">
<button type="submit" class="btn btn-danger">注册

<div class="row" style="margin-top: 20px;">
<div class="col-xs-12"><img src="../img/footer.jpg"/ width="100%">

如果大家还想深入学习，可以点击进行学习，再为大家附3个精彩的专题：

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持编程之家。

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!