Question

这就是我正在以略微不同的方式构建像facebook这样的状态页面的过程。

当我告诉它它应该在页面上时，你会看到它只是错误文本的前面，如果它说了什么或没有。

Jquery代码她：

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js">

</script>
<script type="text/javascript">
$(function() {
    var form = $('.form'),
        required = form.find('.required'),
        button = form.find('.statusBox');

    button.on('click', function(e) {
        var container = $(this).parent(),
            status = true;

        container.find('.input').each(function() {
        var input = $(this),
            section = input.parent(),
            value = input.val(),
            error = section.find('.fejlError');

            error.hide();

            if(value.length <= 0) {
                error.fadeIn();
                status = false;
                setTimeout(function() {
                        error.fadeOut();
                }, 8000);
            }
        });

        return status;
    });
});
</script>

html代码：

<div class="tekstStatus form">
<div class="container">
    <div class="section">
    <form name="loginOK" action="#" method="post">
        <ul>
            <li class="section">
                <div class="fejlError">Error come her!!</div>
                <textarea name="tekst" class="input" cols="75" rows="7"></textarea>
            </li>
        </ul>
        <input type="submit" name="send" value="Slå op" class="statusBox">
    </form>
    </div>
</div>
</div>

问题是当我点击提交按钮时，如果我没有用文字内容写任何内容就会看到它，那么它也必须如此。但是，如果我在BOX文本的内容中写了一些内容，那么无论如何它都会转发？

Answer 1

如果我理解了这个问题，那么你就错过了e.preventDefault()。请参阅工作示例http://jsfiddle.net/tsfCp/

显示有内容的错误

1 个答案: