Preciso validar os inputs de um formulário. Estou trabalhando com JSP, javascript e códigos html. É esperado que o sistema funcione assim: A pessoa compra e tem as etapas de compra. Na 1º estapa, a pessoa coloca a quantidade, depois ao clicar no botão "Continuar", ele deve validar se o usuário preencheu aquele campo de quantidade, senão ele não deixa ir para a próxima etapa. Eu tentei fazer isso com form e não deu muito certo. Seria possível fazer essa validação por javascript ou algum comando dentro do html?
Código
<ul class="nav nav-tabs" role="tablist">
<li role="presentation" class="active">
<a href="#step1" data-toggle="tab" aria-controls="step1" role="tab" title="" data-original-title="PRODUTO" aria-expanded="true">
<span class="round-tab">
<p align="center"><img src="images/p1.png" height="60" width="60"></p>
</span>
</a>
</li>
<li role="presentation" class="disabled">
<a href="#step2" data-toggle="tab" aria-controls="step2" role="tab" title="" data-original-title="ENVIO" aria-expanded="false">
<span class="round-tab">
<p align="center"><img src="images/p2.png" height="60" width="60"></p>
</span>
</a>
</li>
</ul>
<div class="tab-content">
<div class="tab-pane active" role="tabpanel" id="step1">
<div class="step1">
<div class="row">
<div class="preview col-md-6">
<p align="center"><img src="images/xbox.png" height="300" width="200"></p>
</div>
<div class="col-xs-5">
<h2>Dados do Produto</h2>
<table style="width:100%">
<tr>
<td>Produto</td>
<td><%=anuncio.getTitulo()%></td>
</tr>
<tr>
<td>Qtd. disponivel: </td>
<td><%=anuncio.getQuantidade()%></td>
</tr>
<tr>
<td>Qtd. desejada: </td>
<td><input type="text" id="quantity" name="quantity" value="1" disabled="disabled" size="4" required></td>
</tr>
<tr>
<td>Valor Unitario: </td>
<td><%=anuncio.getPreco()%></td>
</tr>
</table>
<ul class="list-inline pull-right">
<li><input type="button" class="btn btn-primary next-step" value="CONTINUAR"></li>
</ul>
</div>
</div>
</div>
</div>
</div>