Checking if an input field is required using jQuery

Question

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

Accepted Answer

The `required` property is `boolean`:

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

Reference: `HTMLInputElement`

Checking if an input field is required using jQuery

Solution

Problem