实现搜索

重点是位于javascript中的代码

<div class="search-form fr cf">

<input type="text" name="subject" class="search-input" value="{:I('subject')}" placeholder="请输入文章标题">

<a class="sch-btn" href="javascript:;" id="search" url="{:U('User/userpage')}"><button type="submit" class=“btn">搜索</button>

</a></div>

javascript的代码如下

<script type="text/javascript">

$(function(){

//搜索功能

$("#search").click(function(){

var url = $(this).attr('url');

        var query  = $('.search-form').find('input').serialize();

        query = query.replace(/(&|^)(\w*?\d*?\-*?_*?)*?=?((?=&)|(?=$))/g,'');

        query = query.replace(/^&/g,'');

        if( url.indexOf('?')>0 ){

            url += '&' + query;

        }else{

            url += '?' + query;

        }

window.location.href = url;

});

//回车搜索

$(".search-input").keyup(function(e){

if(e.keyCode === 13){

$("#search").click();

return false;

}

});

});

</script>