JSFiddle - React, Tailwind, and code Playground

by fergal_doyle

HTML

<form method="get" action="#" id="form" novalidate>    
    <input type="text" id="name" title="name" name="name" required />
    <input type="text" id="name2" title="name2" name="name2" required />
        
    <input type="radio" id="radioGrp" title="radioGrp" name="radioGrp" required />
    <input type="radio" id="radioGrp" title="radioGrp"  name="radioGrp"   />
    
    <textarea required name="textarea" title="textarea"></textarea>
    
    <input type="checkbox" id="checkbox" title="checkbox"  name="checkbox"  required />
    
    <input type="submit" />
    <div class='errorMsg'></div>         
</form>

JavaScript

$(function(){

    $("#form").submit(function(e){
        e.preventDefault();
        
        console.log( $(this).find(":input[required]:empty").not("[type=radio]") )
       
       $(this).find(":input[required]:empty").not("[type=radio]").each(function(){  
                 console.log($(this).val())
        })
    
    });    


})