Как сделать валидацию формы на js?

<style>
.myform input.error{
    border:1px solid red;
}
</style>
<div class="formdiv">
<form class="myform" action="send.php" method="post" name="form1" enctype="multipart/form-data">
	<input class="form-firstname" name="firstname" type="text" placeholder="ФИО" />
	<input class="form-tel" name="tel" type="text" placeholder="Телефон" required />
	<select class="form-doc" name="doc" required >
		<option selected value="Онколог-маммолог">Онколог-маммолог</option>		
		<option value="Крыса Лариса">Крыса Лариса</option>
		<option value="Аристов Александр">Аристов Александр</option>
		<option value="Батыршина Аделя">Батыршина Аделя</option>
		<option value="Аристов Александр">Аристов Александр</option>
		<option value="Батыршина Аделя">Батыршина Аделя</option>
		<option value="Бережной Юрий">Бережной Юрий</option>
	</select>
	<input class="form-date" id="minMaxExample" data-position="right top" name="date" placeholder="Дата приема" required />
	<input class="form-time" data-position="right top" name="time" onfocus="(this.type='time',value='--:--',min='00:00',max='24:00')" placeholder="Время приема" required />
	<textarea rows="7" class="form-comment" name="comment" placeholder="Комментарий" ></textarea>
	<div class="g-recaptcha" data-sitekey="6LdignUUAAAAAOsnUzt3UsXRba2Aloh4-i5TDaS0" data-callback="enableBtn"></div>
	<label>
		<input type="checkbox" class="checkboxx" checked="" required />
		Соглашение на обработку перснальных данных
    </label><br />
    <input class="form-sumbit" type="submit" name="submit" id="button1" value="Отправить" />
</form>
</div>
<script>
$('.myform').validate({
    rules: {
      name: {
        required: true,
      },
      phone: {
        required: true,
      },
    },
    errorPlacement: function(error, element){}
  });
</script>

$('.myform').validate({
    rules: {
      firstname: {
        required: true,
      },
      tel: {
        required: true,
      },
     doc: {
        required: true,
      },
     date: {
        required: true,
      },
      time: {
        required: true,
      },
      comment: {
        required: true,
      },
    },
    errorPlacement: function(error, element){}
  });

.myform input.error{
    border:1px solid red;
}
.myform select.error{
    border:1px solid red;
}
.myform textarea.error{
    border:1px solid red;
}

$(document).ready(function(){
// и уже потом писать скрипты
$('.myform').validate({
    rules: {
      firstname: {
        required: true,
      },
      tel: {
        required: true,
      },
     doc: {
        required: true,
      },
     date: {
        required: true,
      },
      time: {
        required: true,
      },
      comment: {
        required: true,
      },
    },
    errorPlacement: function(error, element){}
  });
});

<input class="form-tel" name="tel" type="text" placeholder="Телефон" required />