JSFiddle - React, Tailwind, and code Playground

by Vitaliy

HTML

<form name="ank" action="anketa.php" method="post">
 
<p>Фамилия:</p>
<input type="text" size=35 name="Surname"/><p>
<p>Имя:</p>
<input type="text" size=35 name="Name"/><p>
<p>Отчество:</p>
<input type="text" size=35 name="Last_Name"/><p>
<p>Дата рождения:</p>
<input type="text" name="date" value="дд.мм.гггг" 
    onclick="displayDatePicker('date', false, 'dmy', '.');" readonly>
<input type="button" style="background: url('inc/datepicker.jpg') no-repeat; width: 30px; border: 0px;" onclick="displayDatePicker('date', false, 'dmy', '.');"><br>
 
<p>Пол:
<input  type="radio" name="pol" value="1" checked> Мужской
<input  type="radio" name="pol" value="0"> Женский
</p>
 
<p>Образование:
<select name="menu">
<option>Среднее общее</option>
<option>Среднее полное</option>
<option>Среднее специальное</option>
<option>Высшее</option>
</select>
</p>
 
 
<p>Знание языков программирования:</p>
 
    <input type=hidden name="known[PНP]" value="0">
    <input type=checkbox name="known[PНP]" value="1">PНP
    <input type=hidden name="known[НTML]" value="0">
    <input type=checkbox name="known[НTML]" value="1">НTML
    <input type=hidden name="known[C++]" value="0">
    <input type=checkbox name="known[C++]" value="1">C++
    <input type=hidden name="known[Java]" value="0">
    <input type=checkbox name="known[Java]" value="1">Java
 
 
 
<h3>Заработная плата:</h3>
<input type="text" name="ZP">
<p>О себе:</p>
<textarea name="Message" cols="50" rows="10">
</textarea><br>
 
<img src="captcha.php" id = "captcha"/> <input type="button" value="Я не вижу символы" onclick="document.getElementById('captcha').src='captcha.php?' + Math.random()"><br><br>
<p>Введите символы:</p>
<input type="text" name="captcha_code"> <input type="submit" id="submit" value="Отправить">

</form>

JavaScript

document.querySelector("form[name='ank']").onsubmit = function(){
	var chbs = document.querySelectorAll('input[type="checkbox"]');
  var zp = parseFloat(document.querySelector("input[name='ZP']").value);
  var cnt = 0;
  for(var i = 0, l = chbs.length; i < l; i++){
  	if(chbs[i].checked){
    	++cnt;
    }
  }
  if(zp > cnt*10){
  	alert("сообщение");
    return false;
  }
}