验证建议

liyang1987ly

我以前用过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

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

liyang1987ly

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

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

niko

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