入力フィールドが空のときにフォームが送信されないようにする

'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

を提出すべきではない時にメイクはfalseを返しempty()。私はそれは多分

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

かを助けることができるの考え方このIで使用

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

jsfiddleを使用して14秒で高速化！ +1あなたは良いです –

@ j08691ありがとうございます。 – Pawan

大きな助け。ありがとう:-) –

フォームはあなたが提出キャンセルする場合はfalseを返す必要があり

出典

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

あなたは、単に行うことができますコード保存したい場合は、この

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

出典

2016-06-08 08:55:57

ようなクラスまたはIDで作業：

<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

入力フィールドが空のときにフォームが送信されないようにする

答えて

関連する問題