送信前にテキストボックスを確認するにはどうすればよいですか?
<form action='search.php' method='GET'>
<input type="text" id= "q" name="q" class='textbox' >
<input type="submit" id='submit' value="Search" class ='button' >
</form>
送信前にテキストボックスを確認するにはどうすればよいですか?
<form action='search.php' method='GET'>
<input type="text" id= "q" name="q" class='textbox' >
<input type="submit" id='submit' value="Search" class ='button' >
</form>
JavaScript 検証を使用して、次の簡単な方法を試してください。
<html>
<head>
<script type="text/javascript">
function check()
{
var searchtext = document.getElementById("q").value;
if(searchtext=='')
{
alert('Enter any character');
return false;
}
}
</script>
</head>
<body>
<form action='search.php' method='GET' onSubmit="return check();">
<input type="text" id= "q" name="q" class='textbox' >
<input type="submit" id='submit' value="Search" class ='button' >
</form>
</body>
</html>
<?php
if(!empty($_GET['q']))
{
//if it is not empty, do something
}
else
{
//otherwise do this
}
?>
また、フォームから何かを送信する場合は、GET ではなく POST を使用することをお勧めします。
次のようにjQueryを使用できます。
$(function(){
$('#submit').click(function(e){
if($('#q').val() != null && $('#q').val().length > 0){
$.get('search.php', $('#formId').serialize(), function(result){});
}
else{
//Otherwise do this
}
e.preventDefault();
});
});