Check if inputs form are empty jQuery

Question

How can I check in jQuery if inputs with name denominationcomune   loop index   and denominationcomune   loop index   are empty not all inputs    I have a twig like this    lt form action    method  post  gt         for mat in mat temp array             lt input type  text  name  nomentite   loop index     gt           lt input type  text  name  denominationcomune   loop index    value     mat denominationcommun      gt           lt input type  text  name  denominationcomerce   loop index    value     mat denominationcomerce      gt         endfor           lt input type  submit  class  btn  value  save   gt   lt  form gt

User · Answer

You can do it using simple jQuery loop   Total code   lt  DOCTYPE html gt    lt html lang  en  gt     lt head gt      lt meta charset  UTF-8  gt      lt title gt  lt  title gt     lt script type  text javascript  src  http   code jquery com jquery min js  gt  lt  script gt     lt style gt  select textarea input type  text   input type  password   input type  datetime   input type  datetime-local   input type  date   input type  month   input type  time   input type  week   input type  number   input type  email   input type  url   input type  search   input type  tel   input type  color    uneditable-input display inline-block height 20px padding 4px margin-bottom 9px font-size 13px line-height 18px color  555555   textarea height auto   select textarea input type  text   input type  password   input type  datetime   input type  datetime-local   input type  date   input type  month   input type  time   input type  week   input type  number   input type  email   input type  url   input type  search   input type  tel   input type  color    uneditable-input background-color  ffffff border 1px solid  cccccc -webkit-border-radius 3px -moz-border-radius 3px border-radius 3px -webkit-box-shadow inset 0 1px 1px rgba 0  0  0  0 075  -moz-box-shadow inset 0 1px 1px rgba 0  0  0  0 075  box-shadow inset 0 1px 1px rgba 0  0  0  0 075  -webkit-transition border linear 0 2s box-shadow linear 0 2s -moz-transition border linear 0 2s box-shadow linear 0 2s -ms-transition border linear 0 2s box-shadow linear 0 2s -o-transition border linear 0 2s box-shadow linear 0 2s transition border linear 0 2s box-shadow linear 0 2s  textarea focus input type  text   focus input type  password   focus input type  datetime   focus input type  datetime-local   focus input type  date   focus input type  month   focus input type  time   focus input type  week   focus input type  number   focus input type  email   focus input type  url   focus input type  search   focus input type  tel   focus input type  color   focus  uneditable-input focus border-color rgba 82  168  236  0 8  outline 0 outline thin dotted  9 -webkit-box-shadow inset 0 1px 1px rgba 0 0 0  075   0 0 8px rgba 82 168 236  6  -moz-box-shadow inset 0 1px 1px rgba 0 0 0  075   0 0 8px rgba 82 168 236  6  box-shadow inset 0 1px 1px rgba 0 0 0  075   0 0 8px rgba 82 168 236  6  height  20px   select input type  radio   input type  checkbox   margin 3px 0  margin-top 0 line-height normal cursor pointer   select input type  submit   input type  reset   input type  button   input type  radio   input type  checkbox   width auto    uneditable-textarea width auto height auto    country height  30px    highlight       border  1px solid red  important     lt  style gt   lt script gt  function test     var isFormValid   true       bs-example input   each function        if    trim   this  val    length    0             this  addClass  highlight            isFormValid   false            this  focus              else            this  removeClass  highlight                        if   isFormValid         alert  Please fill in all the required fields  indicated by          return isFormValid        lt  script gt   lt  head gt   lt body gt   lt div class  bs-example  gt   lt form onsubmit  return test    gt       lt div class  form-group  gt           lt label for  inputEmail  gt Email lt  label gt           lt input type  text  class  form-control  id  inputEmail  placeholder  Email  gt       lt  div gt       lt div class  form-group  gt           lt label for  inputPassword  gt Password lt  label gt           lt input type  password  class  form-control  id  inputPassword  placeholder  Password  gt       lt  div gt       lt button type  submit  class  btn btn-primary  gt Login lt  button gt   lt  form gt   lt  div gt   lt  body gt   lt  html gt

User · Answer

var empty   true     input type  quot text quot     each function        if    this  val       quot  quot           empty   false        return false            This should look all the input and set the empty var to false  if at least one is not empty  EDIT  To match the OP edit request  this can be used to filter input based on name substring     input name   quot denominationcomune  quot     each

User · Answer

input type  text     get   some item    item value

User · Answer

I d suggest to add an class  denominationcomune  to all elements that you want to check and then use the following   function are elements emtpy class name      return          class name  filter function     return   this  val             length    0

User · Answer

Define a helper function like this  function checkWhitespace inputString        let stringArray   inputString split            let output   true       for  let el of stringArray           if  el                   output false                       return output      Then check your input field value by passing through as an argument  If function returns true  that means value is only white space   As an example  let inputValue       firstName   val    if checkWhitespace inputValue          Show Warnings or return warnings  else           Block of code-probably store input value into database

User · Answer

document  ready function           input type  quot text quot     blur function          if     this  val              this  addClass  error          else           this  removeClass  error                       lt style gt    error      border  1px solid  ff0000      lt  style gt

User · Answer

You could do it like this    bool areFieldEmpty   YES    Label to leave the loops outer loop     For each input  except of submit  in your form    form input type  submit    each function         If the field s empty    if   this  val                       Mark it       areFieldEmpty   NO          Then leave all the loops       break outer loop              Then test your bool

[javascript] Check if inputs form are empty jQuery

Examples related to javascript

Examples related to jquery

Examples related to symfony

Examples related to twig