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


{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}



 小秋同学  标签使用技巧  2021-03-25 15:29:20    收藏:  赞(725)
学习吧_一个不错的学习网站
本文地址:https://www.qiuhai.com/doc/1735.html 复制链接 如果还有疑问,欢迎加入我们的QQ交流群:887790 加入Q群 易优最新程序下载: 点击下载
QQ在线咨询