Home>

There is no response even if the input form is sent empty.
I don't know the cause at all, but don't know why?

<! DOCTYPE html>
<html lang = "en">
    <head>
        <meta charset = "utf-8">
        <title></title>
        <script type = "text/javascript" src = "js/jquery-3.3.1.min.js"></script>
        <script type = "text/javascript" src = "js/jquery.validate.min.js"></script>
        <script type = "text/javascript" src = "js/v.js"></script>
    </head>
    <body>
    <section>
      <form>
                    <table>
    <tr>
  <th><label>ID:</label></th>
  <th><input type = "text" name = "text1"></th>
</tr>
<tr>
  <th><label>Address:</label></th>
  <th><input type = "text" name = "text2"></th>
</tr>
<tr>
  <th><label>Gender:</label></th>
    <th>
  <input type = "radio" name = "gender" value = "men">Male
   <input type = "radio" name = "gender" value = "woman">Female
   </th>
</tr>
<tr>
<th><button type = "button">send</button>
</th>
</tr>
</table>
</form>
</body>
</html>
$('form'). validate ({
    rules: {
      addressvalue: {
        required: true
      }
    },
    messeages: {
      addressvalue: {
        required: "Required field",
      }
    }
  });

  $(function () {
    $('form'). validate ({
      rules: {
        userid: {required: true},
        name: {required: true},
        gender: {required: true}
      },
      messages: {
        userid: {
          required: "Required field",
        },
        name: {
          required: "Required field",
        },
        gender: {
          required: "Required field",
        }
      },
    });
  });