easyui如何在文本框后面提示错误信息

Question

我想实现的效果是，输入用户名称之后，如果不合法，就在输入框后面用红色字体提示错误信息，

Answer 1

用的是EasyUI的validatebox，它有missingMessage：当文本框为空时出现的提示文本，invalidMessage：当文本框的内容无效时出现的提示文本

Answer 2

 $.extend($.fn.validatebox.defaults.rules, {
  onlyNum:{
        validator:function(value){
            var reg = /^\d+$/g;
            return reg.test(value);
        },
        message:  '只能输入数字！'
        }
  });我现在用这个方法写的，我输入的错误字符之后，只是输入框变红，但是没有 '只能输入数字！'这个提示。这是为啥啊

Answer 3

 $.extend($.fn.validatebox.defaults.rules, {
  onlyNum:{
        validator:function(value){
            var reg = /^\d+$/g;
            return reg.test(value);
        },
        message:  '只能输入数字！'
        }
  });我现在用这个方法写的，我输入的错误字符之后，只是输入框变红，但是没有 '只能输入数字！'这个提示。这是为啥啊
是不是设置require为true，它的优先级更高

Answer 4

 $.extend($.fn.validatebox.defaults.rules, {
  onlyNum:{
        validator:function(value){
            var reg = /^\d+$/g;
            return reg.test(value);
        },
        message:  '只能输入数字！'
        }
  });我现在用这个方法写的，我输入的错误字符之后，只是输入框变红，但是没有 '只能输入数字！'这个提示。这是为啥啊
是不是设置require为true，它的优先级更高require不是非空校验吗，我已经输入字符了啊，非空校验应该通过了的

Answer 5

 $.extend($.fn.validatebox.defaults.rules, {
  onlyNum:{
        validator:function(value){
            var reg = /^\d+$/g;
            return reg.test(value);
        },
        message:  '只能输入数字！'
        }
  });我现在用这个方法写的，我输入的错误字符之后，只是输入框变红，但是没有 '只能输入数字！'这个提示。这是为啥啊
是不是设置require为true，它的优先级更高require不是非空校验吗，我已经输入字符了啊，非空校验应该通过了的
额，看错了。话说，validatebox的代码是怎么写的

Answer 6

时间太长忘了具体怎么解决的了，如果记得没错的话，可以再输入框后面加一个隐藏控件，如果输入的有问题就显示错误信息。现在已经不用easyui换成layui了。。，

Answer 7

时间太长忘了具体怎么解决的了，如果记得没错的话，可以再输入框后面加一个隐藏控件，如果输入的有问题就显示错误信息。现在已经不用easyui换成layui了。。，
谢谢LZ.已经解决 ,bootstrip.css和easyui.css冲突了导致不能正常显示.