0

应该有一种简单的方法可以在不使用插件的情况下验证此 textarea，一直在尝试检查 textarea 是否为空或具有空值，但我无法完成这项工作。我有一个http://jsfiddle.net/creativestudio/f3qQ5/

希望有人能帮忙。

这是我的html：

<div class="post-container">
    <form class="reply-form">
        <div class="reply-box">
            <textarea placeholder="Reply box 1..." columns="10" rows="1" name="comment-input"></textarea>
            <input type="submit" value="Send">
        </div>
        <div class="post-dropdown"></div>
        <div class="post-dropdown-content">
            <div class="post-dropdown-reply">1</div>
        </div>
    </form>
</div>

<div class="post-container">
    <form class="reply-form">
        <div class="reply-box">
            <textarea placeholder="Reply box 2..." columns="10" rows="1" name="comment-input"></textarea>
            <input type="submit" value="Send">
        </div>
        <div class="post-dropdown"></div>
        <div class="post-dropdown-content">
            <div class="post-dropdown-reply hidden">1</div>
        </div>
    </form>
</div>

        ​

这是我的JS：

function gettingReplyVal() {
    $('.reply-form').submit(function(e) {
        var textAreaValue = $(this).find('textarea').val();
        post = $("<div>").addClass("post-dropdown-reply");
        post.html(textAreaValue);
        $(this).find('.post-dropdown-content').prepend(post);
        e.preventDefault();
        $('textarea').val('');
    });
}

gettingReplyVal();​
4

4 回答 4

1

如果您想在空时禁用提交按钮，您可以使用事件 keyup()：

$('textarea[name=comment-input]').keyup(function(e){
    $(this).parent().find("#submit").attr("disabled", true);
    val = $(this).val().trim();    
    if(val.length > 0){
        $(this).parent().find("#submit").attr("disabled", false);
    }
});

在这里查看演示http://jsfiddle.net/aanred/NpvsF/。

于 2012-11-29T03:30:40.643 回答
0 
$('.reply-form').submit(function(e) {
  if($(this).find('textarea').val().trim() == '')
    return false;
  //submit code here
}

您可以只使用 .val()，但我添加了 trim() 只是为了补偿空格。

于 2012-11-29T03:21:21.903 回答
0

试试这个验证

if($(this).find('textarea').val()=='')
  return false;
于 2012-11-29T03:27:54.017 回答
0

尝试以下 jquery 脚本：

if($('textarea[name=comment-input]').val().trim()==''){
   $("#submit").attr("disabled", true);  
}

$('textarea[name=comment-input]').keyup(function(){
    $("#submit").attr("disabled", true);
    val = $(this).val().trim();    
    if(val.length > 0){
        $("#submit").attr("disabled", false);
    }
});

它为我工作。我希望它也为你工作。

于 2012-11-29T03:40:36.063 回答