jQuery MiniUI

标题: 文本框错误提示 [打印本页]

作者: heypity 时间: 2012-8-1 11:43:29 标题: 文本框错误提示

文本框必须输入6个字符，如果不是的话在下面出来一行揭示，怎么做。

作者: niko 时间: 2012-8-1 13:42:01

请参考：http://www.miniui.com/demo/#src=form/validLabel.html

作者: heypity 时间: 2012-8-1 13:58:32

niko 发表于 2012-8-1 13:42
请参考：http://www.miniui.com/demo/#src=form/validLabel.html

<input style="width:160px;"  class="mini-textbox"  id="identityid" name="identityid" errorMode="none" onvalidation="onPwdValidation"
               vtype="rangeChar:6" rangeCharErrorText="密码不能少于6个字符"/>
<script>

//////////////////////////////////////
      function updateError(e) {
         var control = e.sender;
         removeError(control);
         if (e.isValid == false) {
            addError(control, e.errorText);
         }
      }
      function focusInput(id) {
         var el = document.getElementById(id);
         if (el) el.focus();
      }
      function addError(control, errorText) {
         var textId = control.id + "$text";
         var errorId = control.uid + "$errorText";
         removeError(control);
         var jq = jQuery("#validGroup1");
         jq.append('<li id="' + errorId + '"><a href="javascript:focusInput(\''+textId+'\')">' + errorText + '</a></li>');
      }
      function removeError(control) {
         var errorId = control.uid + "$errorText";
         var el = document.getElementById(errorId);
         jQuery(el).remove();
      }

      //////////////////////////////////////////

      function onUserNameValidation(e) {
         updateError(e);
      }
      function onPwdValidation(e) {
         updateError(e);
      }
</script>

不显示结果啊。

作者: niko 时间: 2012-8-1 15:35:56

请参考：http://www.miniui.com/demo/#src=form/validLabel.html
你看错示例了把。

作者: heypity 时间: 2012-8-2 09:18:58

不管哪一个，它的意思是不少于6个字符，我想要的是必须为6个字符，不一样的啊。

作者: factory 时间: 2012-8-2 09:35:37

heypity 发表于 2012-8-2 09:18
不管哪一个，它的意思是不少于6个字符，我想要的是必须为6个字符，不一样的啊。 ...

那就用validation事件自己写个验证必须为6个字符的的方法

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