JSFiddle - React, Tailwind, and code Playground

by Siva Charan

HTML

<script src="http://ajax.aspnetcdn.com/ajax/jquery.validate/1.9/jquery.validate.js"></script>
<form id="fnpMain">
    <table>
        <tr> 
            <td>Photo1:</td> 
            <td> 
                <input type="file" class="ipfile" name="pic0" /> 
            </td> 
        </tr> 
        <tr> 
            <td>Photo2:</td> 
            <td> 
                <input type="file" class="ipfile" name="pic1" /> 
            </td> 
        </tr> 
        <tr> 
            <td>Photo3:</td> 
            <td> 
                <input type="file" class="ipfile" name="pic2" /> 
            </td> 
        </tr> 
    </table>
     <input type="submit" value="Submit"/>

</form>

JavaScript

$("#fnpMain").validate();

$("input.ipfile").each(function(){        
    $(this).rules("add", {            
        required:true,            
        accept: "jpg|jpeg"        
    });                        
});