监听搜索表单提交的事件,主要功能有关键字是否为空验证;是否需要做伪静态跳转链接搜索验证;根据 SID 自动切换 action 提交地址切换;
Html基础代码
<form class="navbar-form navbar-right xz-search" action="{$root}index.php?s=vod-search" method="post" data-sid="{$site_sid}" data-limit="{:C('ui_search_limit')}" data-action="{:xz_url('vod/search',array('wd'=>'XZWD'), true)}" data-action-news="{:xz_url('news/search',array('wd'=>'XZWD'), true)}">
<input type="text" class="form-control xz-wd" name="wd" placeholder="请输入影片名称">
<button type="submit" class="btn btn-default">搜索</button>
</form>
参数说明
- action 默认表单提交地址,JS事件监听失效时将提交到此地址
- method 默认表单提交类型,JS事件监听失效时才有用,JS监听正常时统一处理为GET方式,便于分享与伪静态优化。
- data-sid 系统模块ID,因系统只对视频与文章有搜索功能,所以当sid=2(文章)模块时,JS才会对其做搜索转向处理,转向的路径由后面的data-action-news处理,如果没有定义data-action-news则系统自动将action处理为index.php?s=news-search。
- data-limit 搜索联想功能,由后台>全局配置>模板界面里面的参数配置,不添加该自定义配置或后台配置为0则不启用该功能。
- data-action 默认搜索转向链接,正是定义了该配置才可以通过JS的跳转功能统一处理为GET方式,FFWD为关键字变量,在JS处理时将FFWD替换为用户输入的关键字,并做了URL编码处理。如果不需要使有这种方式处理则去掉该配置。
- data-action-news 定义文章搜索转向链接,与data-action一样,定义了该配置系统JS才会对搜索的关键字做JS转向链接按GET方式搜索。如果不需要使有这种方式处理则去掉该配置。
Js调用代码
xzcms.search.submit();
暂无评论