0

xzcms.search.submit() 搜索表单事件监听

开发手册
admin
2023-6-20 78

监听搜索表单提交的事件,主要功能有关键字是否为空验证;是否需要做伪静态跳转链接搜索验证;根据 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();
最新回复 (0)

    暂无评论

请先登录后发表评论!

返回
请先登录后发表评论!