What would be the easiest way to check if an input is required? I have been trying stuff along these lines but always comes up with all required (only 4/6 are).

$('form#register').find('input').each(function(){

    if($(this).prop('required') == 'undefined'){

        console.log(NR);

    } else {

        console.log(IR);

    }

})

(I have tried .attr aswell)

Im trying to use it for form ajax validation, Im doing it this way at the moment:

if($('form#register span').length == $('form#register').children(.green).length){

    $('input#register-sub').prop('disabled', false);

} else {

    $('input#register-sub').prop('disabled', true);

}

Thanks.

EDIT: Html adding

<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/>