JSFiddle - React, Tailwind, and code Playground
HTML
<script src="http://cdnjs.cloudflare.com/ajax/libs/parsley.js/2.0.5/parsley.js"></script>
<form class='form' data-parsley-validate>
<div class='form-row'>
<div class='form-cell'>
<div class='label'>Sporingsnummer</div>
<input id='add-package-tracking-number' maxlength='40' required type='text'>
</div>
<div class='form-cell'>
<div class='label'>Beskrivelse</div>
<input id='add-package-description' maxlength='100' required type='text'>
</div>
<div class='form-cell'>
<div class='label'>Pakketype</div>
<div class='button-row'>
<input id='add-package-type-delivery' name='add-package-type' type='radio' value='delivery'>
<label for='add-package-type-delivery'>Levering</label>
<input id='add-package-type-return' name='add-package-type' type='radio' value='retur'>
<label for='add-package-type-return'>Retur</label>
</div>
</div>
</div>
<div class='form-row'>
<div class='form-cell'>
<div class='label'>Varslinger</div>
<div class='button-row'>
<input data-parsley-mincheck='1' id='add-package-a-pre' name='add-package-alerts' type='checkbox' value='pre'>
<label for='add-package-a-pre'>
Pakke registrert
</label>
<input id='add-package-a-sent' name='add-package-alerts' type='checkbox' value='sent'>
<label for='add-package-a-sent'>
Pakke sendt
</label>
<input id='add-package-a-ready' name='add-package-alerts' type='checkbox' value='ready'>
<label for='add-package-a-ready'>
Pakke klar for henting
</label>
<input id='add-package-a-loaded' name='add-package-alerts'...
JavaScript
$("form").on("submit", function(e) {
e.preventDefault();
alert("Form validated successfully");
});