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   lt form id  register  action    method  post  autocomplete  on  gt   lt label gt Nickname  lt  label gt  lt input type  text  name  name  value   lt   echo   POST  name     gt   required      gt  lt span id  reg-name  gt  lt  span gt  lt br   gt    lt    if  user- gt type     l      gt   lt label gt email  lt  label gt  lt input type  email  name  email  value   lt   echo   POST  email     gt   required      gt  lt span id  reg-email  gt  lt  span gt  lt br   gt   lt label gt Password  lt  label gt  lt input type  password  name  password  value   lt   echo   POST  password     gt   required      gt  lt span id  reg-password  gt  lt  span gt  lt br   gt   lt label gt Again  lt  label gt  lt input type  password  name  password-test  value   lt   echo   POST  password-test     gt   required      gt  lt span id  reg-password-test  gt  lt  span gt  lt br   gt   lt label gt Avatar  lt  label gt  lt input type  url  name  avatar  value   lt   echo   POST  avatar     gt     gt  lt span id  reg-avatar  gt  lt  span gt  lt br   gt    lt       gt    lt input type  submit  value  Register  disabled    id  register-sub   gt

User · Answer

form register input required      It will only return inputs which have required attribute

User · Answer

You don t need jQuery to do this  Here s an ES2015 solution      Get all input fields const inputs   document querySelectorAll   register input        Get only the required ones const requiredFields   Array from inputs  filter input   gt  input required       Do your stuff with the required fields requiredFields forEach field   gt     do what you want        Or you could just use the  required selector   Array from document querySelectorAll   register input required         forEach field   gt     do what you want

User · 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

User · Answer

The below code works fine but I am not sure about the radio button and dropdown list      form id    submit  function  event         event preventDefault           validate fields     var fail   false      var fail log           var name           form id    find   select  textarea  input    each function            if       this   prop   required                 else               if        this   val                       fail   true                  name      this   attr   name                     fail log    name    quot  is required  n quot                                           submit if fail never got set to true     if     fail               process form here        else           alert  fail log

User · Answer

A little bit of a more complete answer  inspired by the accepted answer        form id    submit  function  event             event preventDefault               validate fields         var fail   false          var fail log               var name               form id    find   select  textarea  input    each function                if       this   prop   required                     else                   if        this   val                           fail   true                      name      this   attr   name                         fail log    name     is required  n                                                           submit if fail never got set to true         if     fail                   process form here            else               alert  fail log                     In this case we loop all types of inputs and if they are required  we check if they have a value  and if not  a notice that they are required is added to the alert that will run   Note that this  example assumes the form will be proceed inside the positive conditional via AJAX or similar  If you are submitting via traditional methods  move the second line  event preventDefault    to inside the negative conditional

[javascript] Checking if an input field is required using jQuery

Examples related to javascript

Examples related to jquery