电话
13363039260
eyoucms搜索框搜索前必填验证
2023-12-14 10:56 小编
在希望用户点击搜索提交按钮之前，需要做一个验证，那么可以用下面的代码：
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 | {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}