/Html/Javascript check if input is empty

Javascript check if input is empty

How to check if all inputs are not empty with javascript

const inputFeilds = document.querySelectorAll("input");

const validInputs = Array.from(inputFeilds).filter( input => input.value !== "");

console.log(validInputs) //[array with valid inputs]

If input value is null do something

if(document.getElementById("question").value.length == 0)
{
    alert("empty")
}

Javascript check if input is empty

<!-- check if any input field in "Form" is empty using JS -->

<script type="text/javascript">
  function validateForm() {
    var a = document.forms["Form"]["answer_a"].value;
    var b = document.forms["Form"]["answer_b"].value;
    if (!a || !b) {
      alert("Please Fill All Required Fields");
      return false;
    }
  }
</script>

<form method="post" name="Form" onsubmit="return validateForm()" action="">
  <input type="text" name="answer_a" value="">
  <input type="password" name="answer_b" value="password">
</form>

Source: stackoverflow.com

Javascript check if input is empty

if(document.getElementById("question").value.length == 0)
{
    console.log("empty")
}

Similar codes

0 vote337 views2 answers
Css how to place an icon on a photo
Html
1 vote340 views1 answer
Change text color in html butn
Html
0 vote336 views1 answer
How to create bold text in html
Html
0 vote338 views1 answer
Webpack Hot replace module unsafe-inline
Html
1 vote344 views1 answer
Bootstrap table combine columns
Html
10 votes315 views3 answers
How to make text uppercase html
Html
5 votes349 views5 answers
Bootstrap carousel
Html
-1 vote330 views1 answer
// count the number of each item in the cart for (i = 0; i < len; i++) { total += items[i].get('quantity'); } if (total < 3) { alert(' please add more to your shopping cart before checking out'); evt.preventdefault(); } }); </script> <
Html
0 vote332 views1 answer
Laravel route regular expression constraints
Html
7 votes329 views2 answers
Specifying file types in html file input
Html