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}