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

jquery form validation hidden field

Muhammad Al Amin Rifat answered on April 19, 2023 Popularity 5/10 Helpfulness 3/10

answer jquery form validation hidden field

jquery form validation hidden field

Comment

<!DOCTYPE html>
<html>
<head>
  <title>jQuery Form Validation with Hidden Field</title>
  <meta charset="utf-8">
  <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
  <script src="https://cdn.jsdelivr.net/jquery.validation/1.16.0/jquery.validate.min.js"></script>
  <style>
    input[type="hidden"] {
      display: none;
    }
  </style>
</head>
<body>
  <form id="myForm">
    <input type="text" name="username" placeholder="Username" required>
    <input type="password" name="password" placeholder="Password" required>
    <input type="hidden" name="secret" value="12345">
    <button type="submit">Submit</button>
  </form>
  <script>
    $(document).ready(function() {
      $("#myForm").validate({
        rules: {
          username: "required",
          password: "required",
          secret: "required" // validate the hidden field
        },
        messages: {
          username: "Please enter your username",
          password: "Please enter your password",
          secret: "Please enter the secret code" // error message for the hidden field
        }
      });
    });
  </script>
</body>
</html>

Popularity 5/10 Helpfulness 3/10 Language javascript

Source: Grepper

Tags: hidden-field javascript jquery validation

Link to this answer
Share Copy Link

Contributed on Apr 19 2023

Muhammad Al Amin Rifat

0 Answers Avg Quality 2/10

jquery form validation hidden field

Contents

More Related Answers

jquery form validation hidden field

Grepper

Documentation

Social

Legal

Contact

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