jQuery MiniUI

标题: 验证建议 [打印本页]

作者: liyang1987ly 时间: 2012-7-5 21:13:11 标题: 验证建议

我以前用过easyui
<table align="center">
      <tr>
         <td><label> 用户名称 </label></td>
         <td><input class="easyui-validatebox" type="text" id="userName"
                                    name="userName" style="width: 125px" missingMessage="用户名称不能为空"
                                    required="true" /></td>
         <td><label> 登陆名称 </label></td>
         <td><input class="easyui-validatebox" type="text" id="loginName"
                                    name="loginName" style="width: 125px"
                                    missingMessage="登陆名称不能为空" required="true"/></td>
         <td><label> 登陆密码 </label></td>
         <td><input class="easyui-validatebox" type="password" id="password"
                                    name="password" style="width: 125px" missingMessage="登陆密码不能为空"
                                    required="true" /></td>
      </tr>
      <tr>
         <td><label> 部门名称 </label></td>
         <td><input class="easyui-validatebox" type="text" id="dept"
                                    name="dept" style="width: 125px" missingMessage="部门名称不能为空"
                                    required="true" /></td>
         <td><label> 固定电话 </label></td>
         <td><input class="easyui-validatebox" type="text" id="telphone"
                                    name="telphone" style="width: 125px"  /></td>
         <td><label> 移动电话 </label></td>
         <td><input class="easyui-validatebox" type="mobile" id="mobile"
                                    name="mobile" style="width: 125px" missingMessage="移动电话不能为空"
                                    required="true" /></td>
      </tr>
      <tr>
         <td><label>用户角色</label></td>
         <td><select missingMessage="不能为空" required="true" id="right">
            <option></option>
            <option value="0">管理员</option>
            <option value="1">普通用户</option>
            </select></td>
         <td><label>备注</label></td>
         <td><input type="text"id="note"/></td>
      </tr>
      <tr>
         <td colspan="5"><a id="addUser" href="#" class="easyui-linkbutton">添加</a><a id="removeUser" href="#" class="easyui-linkbutton">删除</a> <a id="editUser" href="#" class="easyui-linkbutton">修改</a> <a id="resetUser" href="#" class="easyui-linkbutton">重置</a></td>
      </tr>
      </table>

missingMessage="移动电话不能为空"required="true"
只要写上这句话文本框获得焦点就会出现提示移动电话不能为空
这个封装的很不错不需要别的代码

作者: niko 时间: 2012-7-6 10:58:24

下面小版本会更新加上此效果。

作者: liyang1987ly 时间: 2012-7-6 16:24:31

niko 发表于 2012-7-6 10:58
下面小版本会更新加上此效果。

就是不会写那么多的验证了
？直接在input写上一些东西就行了
你们的小版本

作者: niko 时间: 2012-7-6 19:00:23

现在已经有表单标签验证示例：
http://www.miniui.com/demo/#src=form/rules.html

欢迎光临 jQuery MiniUI (http://miniui.com/discuss/)