Jquery检查两个输入是否相同

时间:2012-01-01 09:09:59

标签: jquery

我一直在尝试编写Jquery代码,以检查表单上的两个输入是否具有相同的值而没有运气。

如果id为“id1”的输入与id为“id2”的输入具有相同的值,则提醒“some text”并返回false。

非常感谢任何帮助。

$('#form').submit(function() {
    var id1 = $(#id1).text();
    var id2 = $(#id2).text();
    if (id1 == id2) {
        alert('Error, cant do that');
        return false;
    }
    else
    {
    return true;
    }

});

3 个答案:

答案 0 :(得分:8)

DEMO HERE

<input type="text" id="id1" />
<input type="text" id="id2" />

$('input').blur(function() {
if ($('#id1').attr('value') == $('#id2').attr('value')) {
alert('Same Value');
return false;
} else { return true; }
});

我只使用模糊而不是表单提交。

答案 1 :(得分:4)

这很简单,只需与==和输入值进行比较即可。将其放在表单的submit()内。

var match = $('#id1').val() == $('#id2').val();

如果matchfalse,那么您可以展示alert()event.preventDefault()

答案 2 :(得分:2)

也许您错过了输入代码,尝试从$(#id1)替换为$('#id1'),以便从$(#id2)更改为$('#id2')

更正后的代码

$('#form').submit(function() {
    var id1 = $('#id1').text(); //if #id1 is input element change from .text() to .val() 
    var id2 = $('#id2').text(); //if #id2 is input element change from .text() to .val()
    if (id1 == id2) {
        alert('Error, cant do that');
        return false;
    }
    else
    {
        return true;
    }
});