Richiesta obbligatoria form Java

[Enrico Pillon]

Ciao,
innanzitutto voglio salutare tutti dato che sono nuovo qui.
Seconda cosa specifico che ho già fatto una ricerca nella sezione e non ho trovato risposta al mio dilemma...brevemente...ho la necessità di rendere obbligatorio un campo input in un piccolo form il quale praticamente richiede il codice shortner google che si crea dopo il https://goo.gl/, quindi cliccando su continua il codice va in append a https://goo.gl/ per completarsi e indirizzare alla pagina.
Io sono arrivato al punto sotto riportato ma non viene richiesto obbligatoriamente e se quindi il campo richiesta rimane vuoto al click su continua mi indirizza a https://goo.gl/ ed è ciò che voglio evitare.
Qualche idea?
Grazie!!

<!-- Include jQuery! --><script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<form id="form1"><input id="appendUrl" name="" type="text" value="" required autofocus /><a id="stndrUrl" class="roll-button button-slider" href="https://goo.gl/" target="_blank">CONTINUA</a></form>
<script>// <![CDATA[
$(document).ready(function(){ $('#stndrUrl').click( function() { window.open($(this).attr('href') + '/' + $('#appendUrl').val()); return false; }); });
// ]]></script>

 

[criric]

Ciao, prima di aprire la finestra puoi controllare la lunghezza del valore

if($('#appendUrl').val().length > 0) {
   window.open($(this).attr('href') + '/' + $('#appendUrl').val());
}else{
   alert("il campo è obbligatori");
}

l'attributo required funziona al submit del form che potresti utilizzare in alternativa al tag <a>

 

[Enrico Pillon]

Ciao, prima di aprire la finestra puoi controllare la lunghezza del valore

if($('#appendUrl').val().length > 0) {
   window.open($(this).attr('href') + '/' + $('#appendUrl').val());
}else{
   alert("il campo è obbligatori");
}

l'attributo required funziona al submit del form che potresti utilizzare in alternativa al tag <a>

Grazie della risposta Criric! L'idea è giustissima, però poi mi apre due finestre, una al link shortner risolto, e una sempre a https://goo.gl/
Dove ho sbagliato?

<!-- Include jQuery! --><script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<form id="form1"><input id="appendUrl" name="" type="text" value="" /><a id="stndrUrl" class="roll-button button-slider" href="https://goo.gl/" target="_blank">CONTINUA</a></form>
<script>// <![CDATA[ 
$(document).ready(function(){ $('#stndrUrl').click( function() { if($('#appendUrl').val().length > 0) {
   window.open($(this).attr('href') + '/' + $('#appendUrl').val());
}else{
   alert("il campo è obbligatorio");
} }); });
// ]]></script>

 

[Enrico Pillon]

Risolto, mancavano i return false! Ho notato che i google shortner son sempre di 6 cifre, quindi faccio verificare che i caratteri siano = 6

<!-- Include jQuery! --><script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<form id="form1"><input id="appendUrl" name="" type="text" value="" /><a id="stndrUrl" class="roll-button button-slider" href="https://goo.gl/" target="_blank">CONTINUA</a></form>
<script>// <![CDATA[ 
$(document).ready(function(){ $('#stndrUrl').click( function() { if($('#appendUrl').val().length == 6) {
   window.open($(this).attr('href') + '/' + $('#appendUrl').val()); return false;
}else{
   alert("Codice errato o non inserito"); return false;
} 
}); });
// ]]></script>

Grazie ancora criric!!!