Предотвращение отправки формы, когда поле ввода пуст

Когда в поле ввода «roll» не указана величина, предупреждение генерируется функцией «empty()», но это пустое значение по-прежнему передается в «retrive.php», поэтому как остановить это от происходящего и только передать значение «retrive» .php, когда будет предоставлено некоторое входное значение.Предотвращение отправки формы, когда поле ввода пуст

<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>

источник

2013-04-11 Pawan

Вам нужно вернуться ложным, чтобы отменить представить.

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

источник

2013-04-11 16:26:27 j08691

14 секунд быстрее И с jsfiddle! +1 Ты хороший –

@ j08691 большое спасибо. – Pawan

Большая помощь. Благодаря :-) –

Make empty() возвращают ложь, когда форма не должна быть представлена

источник

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>

источник

2014-01-09 20:04:05

я использую с этим я думал, что это может быть, может помочь

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

или работать с классом или ID, как этот

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

источник

2016-06-08 08:55:57

Если вы хотите сохранить код вы можете просто сделать:

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

Я просто говорю.

источник

2017-06-23 08:51:00

Предотвращение отправки формы, когда поле ввода пуст

ответ

Смежные вопросы