javascript - 无法通过使用输入属性

Question

Codes in JSfiddle .

添加消息并提交时应该通过以下代码。但我总是弹出窗口，“请填写所有字段!”。我在这里做错了什么？

HTML

<form method="post" id="form" action="admin/insertShoutBox" >
    <input type="hidden" name="user_id" id="user_id" value="1" />
    <input type="hidden" name="user" id="nick" value="admin" />
    <p class="messagelabel"><label class="messagelabel">Message</label>
        <textarea  id="message" name="message" rows="2" cols="80"></textarea>
    </p>
    <div class="buttons">
        <button type="submit" class="positive" name="submit" value="submit">
        <img src="http://localhost/kaimonokago3/assets/icons/disk.png" alt="disk"/>            Save            </button>
    </div>
</form>

jQuery

$(document).ready(function(){
//global vars
var inputUser = $("#nick");
var inputMessage = $("#message");

//check if all fields are filled
function checkForm()
{
    if(inputUser.attr("value") && inputMessage.attr("value"))
    {
        return true;
    }   
    else
    {
        return false;
    }      
}


//on submit event
$("#form").submit(function(event){
    event.preventDefault();
    if(checkForm())
    {
        // doing something here
    }
    else alert("Please fill all fields!");
    //we prevent the refresh of the page after submitting the form
    return false;
});
});

Answer 1

您需要读取值而不是值属性，当您输入数据时，属性值不会更新，而是值属性会更新

function checkForm()
{
    if(inputUser.val() && inputMessage.val())
    {
        return true;
    }   
    else
    {
        return false;
    }      
}

演示:Fiddle