前言:jquery validate初上手,这个标题不知道是否合适,因为之前已经在dwz中用过validate。但是,毕竟是经过zhanghuihua同学封装过的,对于bootstrap的表单验证,,还需要初上手,当然这一篇是初阶的教程,先来看看怎么用。
材料准备
现在jquery的插件官网上下载下来的没有中文的翻译包,所以我重新根据项目需要做了一个。 下载对应的jquery validate
开始搞
1.写一个form表单
<form role=”form” class=”pop_login_form” action=”${ctx}/login” method=”post” onsubmit=”return validateCallback(this);”><div class=”row “><div class=”row”><label class=”col-md-4″ style=”margin-top: 10px;” for=”name”>用户登录</label></div><div class=”form-group”><div class=”row”><div class=”col-md-2 col-md-offset-2 tr th”><label for=”name”>账户</label></div><div class=”col-md-5″><input type==”username” name=”username” placeholder=”请输入会员编号”autocomplete=”off”>
当然这个代码不完整,你只需要注意这些内容:
onsubmit=”return validateCallback(this);”class=”form-control required”
注意这两处的写法。
2.增加css
span.error {background: #f00 none repeat scroll 0 0;color: #fff;display: block;height: 21px;left: 318px;line-height: 21px;overflow: hidden;padding: 0 3px;top: 5px;, textarea.error {;, textarea.focus {background-color: #f8fafc;;}
3.当然别忘记引入包
<script type==>=>
4.写入一个这样的方法
{var $form = $(form);if (!$form.valid()) {return false;}}效果
你在无垠的海边第一次听到了自己心跳的声音,