值没有记录在<input />中？

Question

我正在尝试检查两个输入框是否具有相同的值，但问题是它始终以相同的值显示它们。我认为这些值没有存储在值中

<div class="errorbox-good">
        <div>
            <div class="form-entry">
                <label>
                    <div> First Name
                        <span class="ss-required-asterisk">*</span>
                    </div>
                </label>
                    <input type="text" id="fname" name="fname" required> 
            </div>
        </div>
    </div> 

<div class="errorbox-good">
        <div>
            <div class="form-entry">
                <label>
                    <div> Last Name
                        <span class="ss-required-asterisk">*</span>
                    </div>
                </label>
                    <input type="text" name="lname" id="lname" required> 
            </div>
        </div>
    </div> 

Jquery的

$(document).ready( function() {
$('input').blur(function () {
    if ($('#fname').attr('value') == $('#lname').attr('value')) {
        alert('Same Value');
        return false;
    } else {
        return true;
    }
 });
});

当我尝试提醒$('#fname').attr('value')时，它表示未定义。这些值是不是正确记录还是其他原因？

这是jsfiddle。它可以工作，但是当我在本地机器上运行相同的代码时却没有。 http://jsfiddle.net/g2kBm/56/

Answer 1

使用.val() jQuery方法。

  

说明：获取匹配元素集中第一个元素的当前值。

$("#fname").val();

Read More

Answer 2

您应该使用：

if ($('#fname').val() == $('#lname').val()) {
    alert('Same Value');
    return false;
} else {
    return true;
}

相反，attr（）不用于获取输入的值。那用于向输入添加属性。这也是你收到“未定义”信息的原因。

Answer 3

可能只是修改这个小部分，这可能会对你有帮助。

$(document).ready( function() {
$('input').blur(function () {
    if ($('#fname').val() == $('#lname').val()) {
        alert('Same Value');
        return false;
    } else {
        return true;
    }
 });
});

Answer 4

你定义了$('#fname').attr('value')，它说未定义。如果您想使用值属性，则必须先声明它。但你没有声明并尝试获得输入值。

如果要查看值，请使用jquery，您可以使用val()。

if ($('#fname').val() == $('#lname').val()) {
    alert('Same Value');
    return false;
} else {
    return true;
}