impedisce al modulo di inviare quando il campo di input è vuoto

quando non viene fornito alcun valore al campo di input 'roll', viene generato un avviso dalla funzione 'empty()' ma questo valore vuoto viene comunque passato a 'retrive.php' come impedire che ciò accada e solo passare il valore a 'retrive'.php quando viene fornito un valore di input.impedisce al modulo di inviare quando il campo di input è vuoto

<html> 
<head> 
    <title>STUDENT FORM</title> 
    <script type="text/javascript"> 
     function empty() 
     { 
      var x; 
      x = document.getElementById("roll-input").value; 
      if (x == "") 
      { 
       alert("Enter a Valid Roll Number"); 
      }; 
     } 
    </script> 
</head> 
<body > 
    <h1 align="center">student details</h1>  
    <div id="input"> 
     <form action='retrive.php' method='get'> 
     <fieldset> 
     <legend>Get Details</legend> 
      <dl> 
      <dt><label for="roll-input">Enter Roll Number</label></dt> 
     <dd><input type="text" name="roll" id="roll-input"><dd> 
      <input type="submit" value="submit" onClick="empty()" /> 
      </dl> 
     </fieldset> 
     </form> 
    </div> 
    </body> 
</html>

fonte

2013-04-11 Pawan

È necessario restituire false per annullare l'invio.

function empty() { 
    var x; 
    x = document.getElementById("roll-input").value; 
    if (x == "") { 
     alert("Enter a Valid Roll Number"); 
     return false; 
    }; 
}

<input type="submit" value="submit" onClick="return empty()" />

jsFiddle example

fonte

2013-04-11 16:26:27 j08691

14 secondi più veloce E con un jsfiddle! +1 Sei bravo –

@ j08691 grazie mille. – Pawan

Grande aiuto. Grazie :-) –

Marchio empty() return false quando il modulo non dovrebbe essere presentato

fonte

2013-04-11 16:26:03

<form method="post" name="loginForm" id ="loginForm" action="login.php"> 
<input type="text" name="uid" id="uid" /> 
<input type="password" name="pass" id="pass" /> 
<input type="submit" class="button" value="Log In"/> 
<script type="text/javascript"> 

$('#loginForm').submit(function() 
{ 
    if ($.trim($("#uid").val()) === "" || $.trim($("#pass").val()) === "") { 
     alert('Please enter Username and Password.'); 
    return false; 
    } 
}); 

</script> 
</form>

fonte

2014-01-09 20:04:05

io uso con questo voglio pensare che sia forse può aiutare

$(function() { 
     $('form').submit(function() { 
      if ($('input').val() === "") { 
       alert('Please enter Username and Password.'); 
       return false; 
      } 
     }); 
    })

o lavorare con classe o ID come questo

$('.inputClass') 
$('#inputID')

fonte

2016-06-08 08:55:57

Se si desidera salvare il codice si può semplicemente fare:

<input type="text" name="roll" id="roll-input"> 
<input type="submit" value="submit" onClick="return document.getElementById('roll-input').value !=''"/>

dico solo.

fonte

2017-06-23 08:51:00

impedisce al modulo di inviare quando il campo di input è vuoto

risposta

Problemi correlati