<script>
var isim = document.querySelector("#form .isim");
// not: kod client side'dır.
if(isim.value.length = 0) {
isim.className += " form-hata";
}
</script>


Not: Çoğu tarayıcıda required desteği var. Input eklerken required yazarsanız tarayıcı gerekeni yapar. Ayrıca type'a göre de değişik hata veriyor. Örneğin checkbox'a eklerseniz bunu işaretlemeniz gerek diyor, email'e eklerseniz hem boş olup olmadığını hem de e-posta olup olmadığını kontrol ediyor vs..

Örnek: