检查jQuery中textarea是否为空

时间:2014-06-07 11:42:34

标签: javascript jquery textarea

这是我的代码:

if ($('#inputName').val() && $('#inputEmail').val() && $('#inputInstrument').val() && $('#inputFee').val() $('#message').val() != '')
    {
        alert('success');
    }
    else
    {
        alert('fill in all fields');
    }

如果我取出最后一个条件(#message),它可以正常工作,但是我得到了它:

  

未捕获的SyntaxError:意外的标识符

这是HTML:

<form class="form-horizontal" role="form" action="includes/data.php" method="POST" id="findmusicians">
    <div class="form-group">
        <label for="inputName" class="col-sm-3 control-label">* Name</label>
    <div class="col-md-7">
            <input type="text" name="inputName" class="form-control required" minlength="1" id="inputName">
            <div id="hidden"></div>
    </div>
    </div>
    <div class="form-group">
        <label for="inputEmail" class="col-sm-3 control-label">* Email</label>
    <div class="col-md-7">
            <input type="email" name="inputEmail" class="form-control" id="inputEmail">
    </div>
    </div>
<div class="form-group">
    <label for="inputPhone" class="col-sm-3 control-label">Telephone</label>
    <div class="col-md-7">
            <input type="text" name="inputTelephone" class="form-control" id="inputTelephone">
    </div>
</div>
<div class="form-group">
    <label for="inputInstrument" class="col-sm-3 control-label">* Instrument(s)</label>
    <div class="col-md-7">
        <input type="text" name="inputInstrument" class="form-control" id="inputInstrument">
    </div>
</div>
<div class="form-group">
        <label for="inputFee" class="col-sm-3 control-label">* Fee</label>
        <div class="col-md-7">
            <input type="text" name="inputFee" class="form-control" id="inputFee">
        </div>
    </div>
<div class="form-group">
    <label for="message" class="col-sm-3 control-label">* Message</label>
    <div class="col-md-9">
        <textarea name="message" id="message" class="form-control" rows="3" style="height: 200px"></textarea>
        <span class="help-block" style="text-align: left;">Please include as much information as possible including repertoire, rehearsal/performance times and venues.</span>
    </div>
</div>
<div class="form-group">
    <div class="col-md-3 col-md-offset-3">
        <button id="findmusicians-submit" type="submit" class="btn btn-success">Submit request</button>
    </div>
</div>
<div class="col-md-9 col-md-offset-3" style="text-align: left; padding-left: 5px">
    <span id="result" class="text-success"></span>
</div>
</form>

4 个答案:

答案 0 :(得分:8)

只需将我的评论添加为答案。

问题是你在最后一次条件检查之前错过了&&

if ($('#inputName').val() && $('#inputEmail').val() && $('#inputInstrument').val() && $('#inputFee').val() && $('#message').val() != '')

虽然可行,但您可能需要修剪()并检查textarea内容长度。

($('#message').val().trim().length > 0)

答案 1 :(得分:1)

你忘记了&amp;&amp;在最后一个条件之前作为source.rar提到。

这也不是检查textarea为空的正确方法。 $(&#39; #messo&#39;)。val()!=&#39;&#39;

可能有人输入空格..所以先调整值,然后检查..

if ($.trim($('#message').val()).length > 0)
{

}

答案 2 :(得分:1)

您在上一个条件之前错过了&amp;&amp;

 $('#findmusicians-submit').click(function(e){
    if ($('#inputName').val()!= '' && $('#inputEmail').val()!= '' && $('#inputInstrument').val()!= '' && $('#inputFee').val()!= '' && $('#message').val() != '')
        {
            alert('success');
        }
        else
        {
            alert('fill in all fields');
        }
 });

演示:

http://jsfiddle.net/9W4Wa/

答案 3 :(得分:0)

所以你可以这样做:

var inputVals = $('#inputName, #inputEmail, #inputInstrument, #inputFee, #message')
if(inputVals.val() != '')

或:

var inputVals = $('input[id*="input"], #message')
if(inputVals.val() != '')