JSFiddle - React, Tailwind, and code Playground
HTML
<body>
<!-- This is to make sure they have Javascript enabled! -->
<noscript>
<div style="position: fixed; top: 0px; left: 0px; z-index: 3000;
height: 100%; width: 100%; background-color: #FFFFFF">
<br />
<p style="margin-left: 10px">Veuillez activez JavaScript! Merci.</p>
<br />
<p style="margin-left: 10px">JavaScript is not enabled. Please enable it.</p>
<br/>
<hr />
<br/>
<p style="margin-left: 10px">
Veuillez visitez ce site pour les instructions pour activez JavaScript:
<br/>
<a href="http://www.enable-javascript.com/fr/#firefox">
enable-javascript.com/fr
</a>
</p>
<p style="margin-left: 10px">
Please visit this website for instructions on how to enable JavaScript:
<br/>
<a href="http://www.enable-javascript.com/#firefox">
enable-javascript.com
</a>
</p>
</div>
</noscript>
<!-- This was to make sure they have Javascript enabled! -->
<div id="wrap">
<form id="contactform" method="post" action="processForm-test.php" enctype="multipart/form-data">
<table>
<tr>
<td><label for="company"><span class="qtitles" id="corpo_1_fr_1">1.</span> Nom de la compagnie* : </label></td>
</tr>
<tr>
<td><input type="text" id="company" name="company" class="required" /></td>
</tr>
<tr>
<td><label for="phone"><span class="qtitles" id="corpo_1_fr_2">2.</span> Téléphone* :</label></td>
</tr>
<tr>
<td><input...
JavaScript
function limitText(limitField, limitCount, limitNum) {
if (limitField.value.length > limitNum) {
limitField.value = limitField.value.substring(0, limitNum);
} else {
limitCount.value = limitNum - limitField.value.length;
}
}
function limitText2(limitField, limitCount, limitNum) {
if (limitField.value.length > limitNum) {
limitField.value = limitField.value.substring(0, limitNum);
} else {
limitCount.value = limitNum - limitField.value.length;
}
}
// This is to force numbers only.
function isNumberKey(evt)
{
var charCode = (evt.which) ? evt.which : event.keyCode
if (charCode > 31 && (charCode < 48 || charCode > 57));
}