JSFiddle - React, Tailwind, and code Playground

by gekka

HTML

<script src="http://ajax.aspnetcdn.com/ajax/jquery.validate/1.9/jquery.validate.js"></script>
<script src="http://cloud.github.com/downloads/SteveSanderson/knockout/knockout-1.2.1.js"></script>
<div id="formTest">
    <div>
        <span>E-Mail</span>
       <input name="sitInputEmail" data-bind="value:EXAMT" type="text" id="EXAMT" />    <br/>
        <span>Some numbers</span>
        <input name="sitInputCurrency" data-bind="value:EXAMT1" type="text" id="EXAMT1" />
    </div>
    <br/>
    <div>
        <span>E-Mail</span>
        <input name="sitInputEmail" data-bind="value:EXAMT2" type="text" id="EXAMT2" />    <br/>
        <span>Some numbers</span>
        <input name="sitInputCurrency" data-bind="value:EXAMT3" type="text" id="EXAMT3" /> 
    </div>
    
    <button id="b1">Sumit</button>
</div>

JavaScript

var viewModel = {
    EXAMT : '223',
    EXAMT1: '',
    EXAMT2: '5',
    EXAMT3: ''
    
};

$(document).ready(function(){
    ko.applyBindings(viewModel);
    
});
    
function ValidateForm(yourForm){
    $(yourForm).validate({
        rules:{
            sitInputCurrency:{ required : true,
                               maxlength: 2
                             },
            sitInputEmail:   { required : true,
                                   email: true
                             }
            
        },
        message:{
             sitInputCurrency:{
                                required: "This field is required!",
                                maxlength: "Do not enter more than 5 digits!"
                              },
             sitInputEmail:   {
                                 required: "This field is required!",
                                 email: "Enter a valid E-Mailadress!"
                              }
        
        }
    });
    
}

$('#b1').click(function() {
    ValidateForm("#formTest");
});