JSFiddle - React, Tailwind, and code Playground

HTML

<form action="verif_modif.php" method="POST" id="form" >
<table class="ombrage" border="0" cellspacing='0' cellpadding='0' width="90%;" style="box-shadow:2px 2px 4px black;" >
<tr>
	<td class="colonne1" ><strong>Initiateur : </strong></td>
	<td class="colonne_colspan" colspan="2" >
		<textarea type="text" name="ini" id="initiateur" rows="5" cols="50" ></textarea>
	</td>
</tr>
<tr>
	<td class="colonne1" ><strong>Changement : </strong></td>
	<td class="colonne_colspan" colspan="2" >
		<textarea type="text" name="changement" id="changement" rows="5" cols="50" ></textarea>
	</td>
</tr>


    
    <tr>
				<td class="colonne1" >
					test
				</td>
				<td class="colonne_colspan" colspan="2" >
					test
				</td>
			</tr>
<tr>
				<td class="colonne1" >
					test
				</td>
				<td class="colonne_colspan" colspan="2" >
					test
				</td>
			</tr>
			<tr>
				<td class="colonne1" >
					test
				</td>
				<td class="colonne_colspan" colspan="2" >
					test
				</td>
			</tr>
<tr>
				<td class="colonne1" >
					test
				</td>
				<td class="colonne_colspan" colspan="2" >
					test
				</td>
			</tr>
			<tr>
				<td class="colonne1" >
					test
				</td>
				<td class="colonne_colspan" colspan="2" >
					test
				</td>
			</tr>
<tr>
				<td class="colonne1" >
					test
				</td>
				<td class="colonne_colspan" colspan="2" >
					test
				</td>
			</tr>
			<tr>
				<td class="colonne1" >
					test
				</td>
				<td class="colonne_colspan" colspan="2" >
					test
				</td>
			</tr>
<tr>
				<td class="colonne1" >
					test
				</td>
				<td class="colonne_colspan" colspan="2" >
					test
				</td>
			</tr>
			<tr>
				<td class="colonne1" >
					test
				</td>
				<td class="colonne_colspan" colspan="2" >
					test
				</td>
			</tr>
<tr>
				<td class="colonne1" >
					test
				</td>
				<td class="colonne_colspan" colspan="2" >
					test
				</td>
			</tr>
			<tr>
				<td class="colonne1" >
					test
				</td>
				<td class="colonne_colspan" colspan="2"...

JavaScript

$('#form').live("submit", function(){
				if ($.trim($("#initiateur").val()).length == 0) { 	//test une chaine sans caractère plutot qu'un champ vide pour 
					alert('champ ini vide');
					$('#initiateur').css('border-color','#8a1f11');
					hauteur=$('#initiateur').offset().top;
					$('html,body').animate(
						{scrollTop:hauteur},
						{
							duration: 1000,
							complete: function() {
							$('#initiateur').focus();
						}
						}
						);
					return false;
 
				};
				if ($.trim($("#changement").val()).length == 0) {
					alert('champ changement vide');
					$('#changement').css('border-color','#8a1f11');
					$('#changement').focus();
					hauteur=$('#changement').offset().top;
					$('html,body').animate({scrollTop:hauteur},1000);
					return false;
				};
 
			});