EyouCms

EyouCms

EyouCms是基于TP5.0框架为核心开发的免费+开源的企业内容管理系统,专注企业建站用户需求 提供海量各行业模板,降低中小企业网站建设、网络营销成本,致力于打造用户舒适的建站体验

eyoucms搜索框搜索前必填验证

2020-05-26

在希望用户点击搜索提交按钮之前,需要做一个验证,那么可以用下面的代码:

{eyou:searchform type='default'}
	  <form method="get" action="{$field.action}" onsubmit="return searchForm();">

	{$field.hidden}

	 <input type="text" name="keywords" id="keywords" placeholder="请输入关键字">

	<input type="submit" value="搜索">

	  </form>

	<script>

	function searchForm()

	{

	var keywords = document.getElementById('keywords').value;

	if (keywords == '') {

	alert('请输入关键字');

	return false;

	}

	return true;

	}

	</script>

	{/eyou:searchform}

需要注意的是下面的代码在上面的位置,不能缺少。

 {eyou:searchform type='default'}

<form method="get" action="{$field.action}" onsubmit="return searchForm();">
{$field.hidden}
 <input type="text" name="keywords" id="keywords" placeholder="请输入关键字">
<input type="submit" value="搜索">
  </form>
<script>
function searchForm()
{
var keywords = document.getElementById('keywords').value;
if (keywords == '') {
alert('请输入关键字');
return false;
}
return true;
}
</script>
{/eyou:searchform}