相关疑难解决方法(0)

我有两个输入,例如

pass:       <input type="password" name="pass" required/>
pass again:  <input type="password" name="pass2" required/>

我想比较这些输入,如果匹配,则将输入设置为有效.我尝试过这个,但我认为这prop('valid', true);不起作用:

$(document).ready(function() {
    $('input[name=pass2]').keyup(function() {
        if($('input[name=pass]').val() == $('input[name=pass2]').val()) {
            $('#pass_hint').empty();
            $('#pass_hint').html('match');
            $(this).prop('valid', true);
        } else {
            $('#pass_hint').empty();
            $('#pass_hint').html('mismatch');
            $(this).prop('invalid', true);
        }
    });
});

我创建了一个注册表单,如果密码不一样,输入字段无效,我不能提交这个并给我一些提示.......我不知道如何将此输入设置为无效

给出以下HTML:

<form>
  <input type="number" required>
</form>

以下javascript工作正常:

(function( jQuery ) {

    jQuery("input").bind("invalid", function(event) {
        console.log(event.type);
    });

})( jQuery );  

但是这个javascript代码没有:

(function( jQuery ) {

    jQuery("form").on("invalid", "input", function(event) {
        console.log(event.type);
    });

})( jQuery );

任何人都知道为什么？

编辑:更正小提琴纠正一个:http://jsfiddle.net/PEpRM/1