php - 如果输入为空,则不提交搜索表单

  显示原文与译文双语对照的内容
0 0

我有一个搜索表单,我陷入了一个小问题&问题是:

  • 如果输入字段为空,则不允许提交表单

请提供使用jQuery或者php最有效的方法。

先 谢谢 你 了.

开心编码


<!--Search form-->
<div id="searchbar">
 <form method='GET' action='search.php'>
<input type="text" placeholder="Search Database" name="searchkey" id="searchkey"/>
</form>
</div>

时间: 原作者:

0 0

原始代码:


<!--Search form-->
<div id="searchbar">
 <form method='GET' action='search.php'>
 <input type="text" placeholder="Search Database" name="searchkey" id="searchkey"/>
 </form>
</div>

编辑的代码:


<!--Search form-->
<div id="searchbar">
 <form method='GET' action='search.php'>
 <input type="search" placeholder="Search Database" name="searchkey" id="searchkey" requierd/>
 </form>
</div>

只需在搜索框的输入元素中添加属性'必选'并完成。 这里 2内容被添加到 HTML 5 换句话说,。type='搜索'和所需。 其次,要启用这里功能,你的浏览器需要更新到最新版本。

0 0

在html或者 php page.Hope的头部放置tis代码,这可能会帮助你。 : )


<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script>
 $( document ).ready(function() {
 input_value = $.trim($('#searchkey').val());
 if(input_value == ''){
 alert('Enter some value');
 return false;//Does not submit the form 
 }else{
//perform your code if it should not be empty. 
 }
 });
</script>
</head>

$.trim() 函数从所提供字符串的开始和结尾删除所有换行符,空格和选项卡。 如果这些空白字符出现在字符串的中间,则保留它们。

0 0

 <div id="searchbar">
<form method='GET' action='search.php' onsubmit="return validate()"> 
 <input type="text" placeholder="Search Database" name="searchkey" id="searchkey"/>

 <input type="submit" value="submit">
</form>
</div>

<script type="text/javascript">
 function validate()
 {
 if(document.getElementById('searchkey').value =="")
 {
 alert("fill db");
 return false;
 }
}

</script>

0 0

提交时应该检查searchbox的值


$(document).ready(function() {
 $('form').submit(function(e){
 if($.trim($('#searchkey').val()) ==""){
 alert("please enter search value");
 return false;
 }
 });
});

原作者:
0 0

尝试以下操作:


$(function(){
$("#search_data").submit(function() {

 if($.trim($("#searchkey").val())!= '')
 return true;

 return false;
});
});

原作者:
0 0

HTML


<div id="searchbar">
 <form method='GET' action='search.php'>
 <input type="text" placeholder="Search Database" name="searchkey" id="searchkey"/>
 </form>
 </div>

脚本


$(document).ready(function(){
$(form).submit(function(){

if( $.trim($("#searchkey").val()) =="")
{
return false;//if in input no value then form not submit
}
return true;
});


});

参考英镑提交 and trim

原作者:
0 0

使用. submit() 处理程序


<div id="searchbar">
<form method='GET' action='search.php' id='formdata'>
<input type="text" placeholder="Search Database" name="searchkey" id="searchkey"/>
<input type="submit" value="search" id="search">
</form>
</div>

$(document).ready(function()
$("#formdata" ).submit(function( event ) {
//alert("Handler for. submit() called." );
 if($('#searchkey').val() === ''){
 event.preventDefault(); 
 }
 else {
 alert($('#searchkey').val());
 } 

 });
});

我在第二个ans了一个附加的提交按钮。


<div id="searchbar">
<form method='GET' action='search.php'>
<input type="text" placeholder="Search Database" name="searchkey" id="searchkey"/>
<input type="submit" value="search" id="search">
</form>
</div>

<script type="text/javascript" src="script/jquery.js"></script>//include jquery.js
<script type="text/javascript">
$(document).ready(function(){
 $('#search').on('click',function(){
 if($.trim($('#searchkey')).val() == '')
 {
 alert("No search Keyword"); 
 return false;
 }
 else {
 alert("search Keyword"); 
 return true;
 }

 })
});
</script>

我使用 trim() 函数删除搜索字符串开头和结尾的空白


<div id="searchbar">
<form method='GET' action='search.php' id='formdata'>
<input type="text" placeholder="Search Database" name="searchkey" id="searchkey"/>
<input type="submit" value="search" id="search">
</form>
</div>

<script type="text/javascript" src="script/jquery.js"></script>//include jquery.js
<script type="text/javascript">
$(document).ready(function(){
 $('#formdata').submit(function(){
 if($.trim($('#searchkey').val()) == '')
 {
 alert("No search Keyword");
 return false;
 }
 else 
 {
 alert($('#searchkey').val());
 return true;
 } 
 })
});
</script>

...