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}



Tag: 搜索
在线咨询 拨打电话

电话

13363039260

微信二维码

微信二维码