2013-04-11 37 views
8

khi không có giá trị nào được cung cấp cho trường nhập 'cuộn', cảnh báo được tạo bởi hàm trống() 'nhưng giá trị trống này vẫn được chuyển đến' retrive.php ' làm thế nào để ngăn chặn điều này xảy ra và chỉ chuyển giá trị cho 'retrive'.php khi một số giá trị đầu vào được cung cấp.ngăn chặn biểu mẫu gửi khi trường nhập trống

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

Trả lời

21

Bạn cần phải trả lại sai để hủy nộp.

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

+3

nhanh hơn 14 giây VÀ với jsfiddle! +1 Bạn tốt –

+1

@ j08691 cảm ơn rất nhiều. – Pawan

+1

Trợ giúp tuyệt vời. Cảm ơn :-) –

1

Make empty() trả về false khi biểu mẫu không nên nộp

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

tôi sử dụng với I này nghĩ nó có lẽ có thể giúp

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

hoặc làm việc với các lớp hoặc ID như thế này

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

Nếu bạn muốn lưu mã bạn có thể chỉ cần làm:

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

Tôi chỉ nói.

Các vấn đề liên quan