JSFiddle - React, Tailwind, and code Playground

by fparent

HTML

<script src="http://ajax.aspnetcdn.com/ajax/jquery.validate/1.9/jquery.validate.min.js"></script>
<form >

    <input type="text" id="txtTest" class="required" value="" />
    <br /><br />

    <a href="#" class="notDefaultItem">SĂ©lectionnez la province</a>
    <ul>
        <li><a href="#">1</a></li>                    
        <li><a href="#">2</a></li>
        <li><a href="#">3</a></li>
        <li><a href="#">4</a></li>
        <li><a href="#">5</a></li>
    </ul>

    <button id="btnSubmit" type="submit">Submit</button>

</form>

JavaScript

$(function() {
    
    $('ul').find('a').on('click', function(e) {
        e.preventDefault(); 
        
        $('input').val( $(this).text() );
    });
    
    
    $.validator.addMethod("notDefaultItem", function(value, element) {
        // put your own logic here, this is just a (crappy) example
        return value !== "SĂ©lectionnez la province";
    },
        "Please select an option"
    );
    
    $.validator.classRuleSettings.notDefaultItem = { notDefaultItem: true };
    
   $("form").validate();
    
    
});