jQuery MiniUI

标题: miniui组合校验 急急 [打印本页]
作者: limingfamily    时间: 2014-7-14 09:09:36     标题: miniui组合校验 急急

本帖最后由 limingfamily 于 2014-7-14 09:21 编辑

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>数据验证集中显示</title>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8" /><link href="../demo.css" rel="stylesheet" type="text/css" />
    <script src="../../scripts/boot.js" type="text/javascript"></script>
</head>
<body>
    <h1>数据验证集中显示</h1>        
    <ul id="validGroup1" class="validGroup">
    </ul>
    <div id="form1">
        <table>
            <tr>
                <td>
                    <label for="username$text">帐号：</label>
                </td>
                <td>
                    <input id="username" name="username" errorMode="none"#ff0000">onUserNameValidation" vtype="email" class="mini-textbox" required="true" requiredErrorText="帐号不能为空"/>                    
                </td>   
            </tr>
            <tr>
                <td>                  
                    <label for="pwd$text">密码：</label>
                </td>
                <td>
                    <input id="pwd" name="pwd" errorMode="none" class="mini-password" required="true" vtype="minLength:5" minLengthErrorText="密码不能少于5个字符" />                    
                </td>
            </tr>            
            <tr>
                <td>

                </td>
                <td>
                    <input value="Login" type="button" />
                </td>
            </tr>
        </table>
    </div>
    <script type="text/javascript">
      mini.parse();
      function onUserNameValidation(e){
        //当前输入框校验
        e.isValid = false;
                e.setErrorText("测试，账号必须是数字加子母。");
               
        //联动输入框校验
        var pwd = mini.get("pwd");
        pwd.isValid = false;
                pwd.setErrorText("测试，密码必须是数字加子母。");
        return false;
      }
    </script>
</body>
</html>

版主，请见上面红色字体部分，我现在想在usrname输入框录入完成后，同时对username框和pwd框进行校验，请问我这样写pwd为什么没有出现错误提示？

作者: felt    时间: 2014-7-14 09:52:22

  1. e.isValid = false;
  2.       e.errorText="测试，账号必须是数字加子母。"
  3.       var pwd = mini.get("pwd");
  4.       pwd.setIsValid(false);
  5.       pwd.setRequiredErrorText("测试，密码必须是数字加子母。")
复制代码
这样试试
作者: limingfamily    时间: 2014-7-14 10:53:33

felt 发表于 2014-7-14 09:52
这样试试

提示虽然出来了，但是在在点击pwd后面的感叹号时，感叹号会自动消失，同时在光标进入的时候感叹号也会消失。
作者: felt    时间: 2014-7-14 11:25:10

limingfamily 发表于 2014-7-14 10:53
提示虽然出来了，但是在在点击pwd后面的感叹号时，感叹号会自动消失，同时在光标进入的时候感叹号也会消 ...

本地测试，没发现你的问题
把你的这个页面发来看看，高级模式可以上传文件
作者: limingfamily    时间: 2014-7-14 18:36:28

felt 发表于 2014-7-14 11:25
本地测试，没发现你的问题
把你的这个页面发来看看，高级模式可以上传文件 ...

请见附件
作者: felt    时间: 2014-7-15 09:46:11

limingfamily 发表于 2014-7-14 18:36
请见附件

你的pwd本身是没有验证的,你单独点击这个控件，单独验证，当然是通过的



欢迎光临 jQuery MiniUI (http://miniui.com/discuss/) Powered by Discuz! X2