0

这就是我正在以稍微不同的方式构建像 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>

问题是当我单击提交按钮时，如果我没有任何文字内容会看到它，那么它也必须如此。但是，如果我在文本框的内容中写了一些东西的话，它也转发不管怎样？

4

1 回答 1

0

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

于 2013-07-31T00:04:29.627 回答