input搜索框为空是禁止提交数据提示

我们在做搜索框的时候,有时候没有输入关键词点搜索页会提交一个无聊的页面或者关键词去搜索,特别影响美观。下边代码可以直接杜绝关键词为空提交噢。

这是搜索框代码模型

<form action="{pboot:scaction}"  method="get" name="um80" onsubmit="return validateForm()">

</form>

直接在form上增加一个name标签 定义为um80,然后底部再加个js代码。

<script>
function validateForm()
{
  var x=document.forms["um80"]["keyword"].value;
  if (x==null || x=="")
  {
    alert("搜索内容不能为空噢!");
    return false;
  }
}
</script>

记得js里的um80要和form里的um80一致噢

大功告成了,提示的汉字可以自己随便修改噢。

原文链接:https://www.um80.com/1527.htm,转载请注明出处。

0
金秋上云特惠新人专享

评论0

本站所有素材,站长均亲自测试过,可放心使用,有什么问题联系我们!18091738064(微信)

社交账号快速登录

Copyright   ©2017-2021  U码80  陕ICP备17013443号-1  

陕公网安备 61032402000158号