Breaking News: Grepper is joining You.com. Read the official announcement!

check if input is valid js

Add Answer

abdelghanyMh answered on March 1, 2022 Popularity 9/10 Helpfulness 8/10

answer check if input is valid js

related check if input is valid

related how to check if input is valid javascript

check if input is valid js

Comment

//there are two ways to check the validity.

    inputElement.checkValidity() //returns true or false
    inputElement.validity //returns the validity-state object. 
    inputElement.validity.valid //returns true/false

Popularity 9/10 Helpfulness 8/10 Language javascript

Source: stackoverflow.com

Tags: input javascript

Link to this answer
Share Copy Link

Contributed on Jun 20 2022

abdelghanyMh

0 Answers Avg Quality 2/10

Closely Related Answers

check if input is valid

Comment

//Get the input element from the DOM 
const inputElement = document.querySelector(".input")
//Get the object of ValidityState and log it to our console
console.log(inputElement.validity)
//Note that in the ValidityState Object we have a row called "valid" with boolean value
//In this way we can check if our input is valid or not AKA "true" || "false"
inputElement.addEventListener("input", function(){
  if(inputElement.validity.valid){
    consloe.log("Valid input")
  }else{
     consloe.log("Invalid input")
  }
})

Popularity 8/10 Helpfulness 5/10 Language javascript

Source: Grepper

Tags: input javascript

Link to this answer
Share Copy Link

Contributed on Apr 27 2022

0 Answers Avg Quality 2/10

how to check if input is valid javascript

Comment

-1

// input if empty in bootstrap but can be used even without bootstrap
// In your html file
// take note id="frm_subscription" and required class be in all of your required inputs
  <form id="frm_subscription">
    <div class="form-group">
      <div class="row">
        <div class="col-md-6 col-xs-12">
          <input type="text" class="form-control form-input border required" name="business_name" placeholder="Business Name *" required="true">
        </div>
		<div class="col-md-6 col-xs-12">
          <input type="text" class="form-control form-input" name="business_address" placeholder="Business Address">
        </div>
	</div>
	</div>
</form>

// In your js
    function validate(formId) {
        let valid = true;
        $.each(formId, function(i, field) {
            $("[name='" + field.name + "']").prev('.text-danger').remove();

            if (field.value == "" && $("[name='" + field.name + "']").prop('required')) {
                valid = false;
              	// you can customise your error styles based on your theme
                // Below couple of lines are example used in bootstrap
                $("[name='" + field.name + "']").css({ "border": "1px solid #ff000087" });
                $("[name='" + field.name + "']").before('<span class="text-danger">This field is required *</span>');
            }
        });
        return valid;
    }

	// usage : if false dont continue
 	if (!validate($("#frm_subscription").serializeArray())) { return; }

Popularity 9/10 Helpfulness 1/10 Language javascript

Source: Grepper

Tags: input inpu

Link to this answer
Share Copy Link

Contributed on Mar 01 2022

Smiling Starling

0 Answers Avg Quality 2/10

check if input is valid js

Contents

More Related Answers

check if input is valid js

Closely Related Answers

check if input is valid

how to check if input is valid javascript

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.