美文网首页
对搜索表单提交是否为空进行弹出提示

对搜索表单提交是否为空进行弹出提示

作者: 黑豆技术 | 来源:发表于2020-08-19 20:18 被阅读0次

今天分享关于对搜索表单是否为空进行判断,如果为空,即弹出提示搜索关键词为空,代码如下:

<!--搜索表单-->

<script type="text/javascript">

function notNull() {

if (document.keyinput.kw.value.toString().trim().length <= 0) {

alert("您未输入关键词!");

document.keyinput.kw.focus();

return false;

}else {

return true;

}

}

</script>

<div class="search clearfloat" id="search">

<form method="get" action="//www.zjkweiqi.cn/ search.php" class="search-form" name="keyinput">

<input type="text" name="kw" placeholder="请输入商品/产品名,就能获取您需要的产品下载信息!"/>

<button type="submit" onclick="return notNull()">搜一下</button>

</form>

</div>

<!--搜索表单-->

相关文章

  • 对搜索表单提交是否为空进行弹出提示

    今天分享关于对搜索表单是否为空进行判断,如果为空,即弹出提示搜索关键词为空,代码如下: f...

  • Django笔记1

    1.form表单提交的安全机制: Django不允许对form表单进行随意的提交,会提示403的错误,要想成功对表...

  • 使用vue-quill-editor时验证必填遇到的问题

    问题:我没有填内容在提交表单时会弹出提示必填的文字,然后我在文本框中填写内容,按照预期内容已不为空,必填提示文字应...

  • css表单

    表单的作用:收集客户端信息,然后提交到服务器。 表单标记 action属性值为空,代表提交给自身。 必须为所有表单...

  • 表单

    表单的作用:收集客户端信息,然后提交到服务器。 表单标记 action属性值为空,代表提交给自身。 必须为所有表单...

  • JQuery定时自动消失提示框/弹出框

    在表单提交中,不论成功与否,好的体验都应该有弹出提示,效果: 在页面中央显示提示,1.5秒后消失,不影响页面的正常...

  • weBug 4.0 第四关 post注入

    打开页面,既然提示post注入,那么F12审查下元素找到表单如下,也就是在搜索框处。 在搜索框中输入1',提交,发...

  • 前端 请求 (unable to decode value)

    爬虫提交form表单中含有(unable to decode value)的问题,keyword为搜索关键字,然而...

  • 2019-01-22 使用JS在前端对表单进行验证

    用户有一个修改密码的功能,我需要浏览器在前端对用户两次输入的密码进行验证是否为空和是否相同 再提交给PHP后台进行...

  • UITextField限制字数

    通常,我们需要对 UITextField 的最大输入字符数进行限制。在编辑的时候进行限制总比提交表单后提示错误强。...

网友评论

      本文标题:对搜索表单提交是否为空进行弹出提示

      本文链接:https://www.haomeiwen.com/subject/uabdjktx.html