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}