0

我有一个基本功能，当没有点击答案时，它会在 div id“错误”中显示一条错误消息。这很好用，但是当我有背景颜色和图像时，会在 div 上显示样式。我正在使用 jquery 和 moo 工具，

在确定答案之前，有没有办法隐藏这种风格。

    <style type="text/css>

    #error {

      border: 1px solid;
      margin: 10px 0px;
      padding:15px 10px 15px 50px;
      background-repeat: no-repeat;
      background-position: 10px center;
      color: #D8000C;
      background-color: #FFBABA;
      background-image: url('../images/error.png');

    }
    </style>

    <div id="error"></div>

    <script type="text/javascript>
    function showAnswerAlert() {
        $('error').set('html', '<strong>Please select an answer above.<strong>')


    }
    function clearErrorBox() {
        $('error').set('html','');


    }
    </script>
4

3 回答 3

3

最初隐藏 div 并显示在 showAnswerAlert 或您需要的任何地方

<div id="error" style="display:none"></div>

function showAnswerAlert() {
    $('error').set('html', '<strong>Please select an answer above.<strong>');
    $('error').show();
}

或在文档准备好时隐藏错误 div

$(function(){
    $('error').hide();
});
于 2012-08-08T13:40:33.920 回答
1

hide() 和 show() 不起作用的原因是因为那些 jQuery 函数，如果你使用 mootools，并且想使用“hide()”和“show()”，你需要编写如下函数：

window.addEvent('domready', function() {
    Element.implement({
  //implement show
    show: function() {
      this.setStyle('display','');
    },
    hide: function() {
      this.setStyle('display','none');
    }
  });
});

或者您可以这样做以显示：

$('error').setStyle('display','block');

这要隐藏：

$('error').setStyle('display','none');
于 2012-08-14T01:19:26.507 回答
0

听起来这是对选定项目的验证。验证可以通过多种方式完成，但建议您查看 HTML5 验证，这可能就是您所需要的：

http://diveintohtml5.info/forms.html

于 2012-08-08T13:42:32.983 回答