查看: 2820|回复: 5

文本框错误提示 [复制链接]

heypity

新手上路

Rank: 1

电梯直达

楼主

发表于 2012-8-1 11:43:29 |只看该作者 |倒序浏览

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

收藏0

niko

管理员

Rank: 9 Rank: 9 Rank: 9

沙发

发表于 2012-8-1 13:42:01 |只看该作者

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

heypity

新手上路

Rank: 1

板凳

发表于 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>

不显示结果啊。