Deseo validar un formulario HTML. El formulario se conecta con un JSP para hacer la transacción en el servidor. He intentando con JS o Jquery, sin éxito. Espero puedan ayudarme. He intentado de muchas formas y buscado mucha información pero no he logrado hacer todas las validaciones.
<html>
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
</head>
<body>
<center>
<h1>REGISTRAR PRODUCTO</h1>
<form action="grabarProducto.jsp" method="post">
<input type="hidden" name="op" value="3">
<div class="container">
<div class="table-responsive">
<table class="table table-bordered table-hover table-striped">
<tr>
<td>CODIGO</td><td><input class="form-control" name="txtid" placeholder="Inserte el codigo del producto..." id="txtid"></td>
</tr>
<tr>
<td>PRODUCTO</td><td><input class="form-control" name="txtprod" placeholder="Ingrese el producto..."></td>
</tr>
<tr>
<td>PRECIO x UNIDAD</td><td><input class="form-control" name="txtprecio" placeholder="Precio Unitario..." id="txtprecio"></td>
<td id="errorPrecio">
</td>
</tr>introducir el código aquí`introducir el código aquí`
<tr>
<td>STOCK</td><td><input class="form-control" name="txtstock" placeholder="Stock..."></td>
</tr>
<tr>
<td>ESTADO</td><td><input class="form-control" name="txtest" placeholder="Estado..." ></td>
</tr>
<tr>
<td colspan="2" align="center"><input class="btn btn-success" type="submit" value="Grabar"></td>
</tr>
</table>
</div>
</div>
</form>
<a href="listarProductos.jsp" class="btn btn-info" role="button" id="btnEnviar">Pagina Principal</a>
</center>
</body>
</html>
Saludos cordiales.