Dynamic validation of list of values in Javascript

Question

I have a form with dynamically generated input fields.In these input fields , some items are mandatory and needs to be filled in by the user.While submitting the form , i need to validate the form and check whether the mandatory fields are not empty.How can i achieve this using javascript? Any suggestions are welcome.

Thanks for your valuable time and help

What happens for users that disable JavaScript?

David Thomas
– David Thomas

2014-12-14 01:49:58 +00:00
Commented Dec 14, 2014 at 1:49 — David Thomas
– David Thomas, Commented Dec 14, 2014 at 1:49

Joey Chong · Accepted Answer · 2014-12-14 02:56:39Z

1

If you are using HTML 5, you can using the requiredattribute in the input tag else you can use something like below to verify each field before submit.

$(document).ready(function(){
  $("#submit").click(function(){
    var failed = false;
    $(".required").each(function(){
      if ($(this).val() == "") {
        failed = true;
      }
    });
    
    if (failed) {
      alert("Mandatory field is empty!");
    } else {
      alert("Proceed");
    }
  });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<form method="post" id="myFomr">
  <input name="text1" type="text" class="required" value=""><br>
  <input name="text2" type="text" value=""><br>
  <input name="text3" type="text" class="required" value=""><br>
<form>
<button id="submit" type="button">Submit</button>

answered Dec 14, 2014 at 2:56

Joey Chong

1,51015 silver badges20 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Dynamic validation of list of values in Javascript

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related