检查是否需要输入

检查是否需要输入

检查是否需要输入的最简单方法是什么?我一直在尝试按照这些原则进行操作,但总是提出所有必需的要求(只有4/6是必需的)。

$('form#register').find('input').each(function(){
    if($(this).prop('required') == 'undefined'){
        console.log("NR");
    } else {
        console.log("IR");
    }
})

(我也尝试过.attr)

我正在尝试将其用于表单ajax验证,目前我正以这种方式进行操作:
if($('form#register span').length == $('form#register').children(".green").length){
    $('input#register-sub').prop('disabled', false);
} else {
    $('input#register-sub').prop('disabled', true);
}

谢谢。

编辑:HTML添加
<form id="register" action="" method="post" autocomplete="on">
<label>Nickname:</label><input type="text" name="name" value="<? echo $_POST['name'] ?>" required="" /><span id="reg-name"></span><br />

<?  if($user->type == "l"){ ?>
<label>email:</label><input type="email" name="email" value="<? echo $_POST['email'] ?>" required="" /><span id="reg-email"></span><br />
<label>Password:</label><input type="password" name="password" value="<? echo $_POST['password'] ?>" required="" /><span id="reg-password"></span><br />
<label>Again:</label><input type="password" name="password-test" value="<? echo $_POST['password-test'] ?>" required="" /><span id="reg-password-test"></span><br />
<label>Avatar:</label><input type="url" name="avatar" value="<? echo $_POST['avatar'] ?>" /><span id="reg-avatar"></span><br />
<? } ?>

<input type="submit" value="Register" disabled="" id="register-sub"/>

最佳答案

required属性是boolean:

$('form#register').find('input').each(function(){
    if(!$(this).prop('required')){
        console.log("NR");
    } else {
        console.log("IR");
    }
});

引用: HTMLInputElement

关于javascript - 使用jQuery检查是否需要输入字段,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/18495310/

10-12 03:35