<form action="" method="post" onsubmit="return checkname()">
<input type="text" class="form-control" id="exampleInputEmail1" name="username" placeholder="请输入你的名字">
<button type="submit" class="btn-primary" >我要留言</button>
</form><script>function checkname(){var username=document.querySelector(".form-control").value;if(username==""||username==null){alert('请输入用户名');return false;}
}</script>

在提交表单时候设置onsubmit 然后在写函数的时候alert之后return false就行了。弹窗后点确定不刷新界面

转载于:https://www.cnblogs.com/Esquecer/p/10730388.html

JS解决在提交form表单时某个值不存在 alter弹窗点确定不刷新界面相关推荐

  1. 【js】Ajax提交form表单(ajaxSubmit使用讲解 )

    1 .引入依赖脚本 <script type="text/javascript" src="/js/jquery/jquery.form.js">& ...

  2. 微信小程序中picker提交form表单时提交的是下标怎么解决

    相信大家都知道picker作为普通选择器时,提交表单的时候提交的是下标,那怎么解决呢? wxml代码 <view class="cell"><picker bin ...

  3. devexpress 打印一个form界面_通过回车键提交form表单时,你是否注意过这些问题?...

    表单登陆 如图,现在很多网站的登陆页面,在输入完账号密码后,都有点击回车键直接登陆的操作,就是这么一个平凡的操作,不知道大家有没有在实际工作中发现一些问题,下面我来跟大家讲讲我发现的问题,首先运行下面 ...

  4. js 提交form表单,js更改form表单的action属性

    2019独角兽企业重金招聘Python工程师标准>>> js 提交form表单 <s:form id="formID1" action="favo ...

  5. html得到上传文件类型后缀,js获取上传文件后缀名(附js提交form表单)

    js获取上传文件后缀名(附js提交form表单) 代码如下: function check_file() { var strFileName=form1.FileName.value; if (str ...

  6. 使用js提交form表单的两种方法

    提交form表单的时候瑶族一些简单的验证,验证完后才能提交,避免无效提交. 1.当输入用户名和密码为空的时候,需要判断.这时候就用到了校验用户名和密码,这个需要在前端页面写:有两种方法,一种是用sub ...

  7. js提交form表单

    [背景]     前段时间将边用边学javascript.pdf书看完了,其中之前最不熟悉的也是这次印象最深刻的就是提交form表单,所以在这里总结一下js提交form表单,以及表单中对应的一些扩展知 ...

  8. html表单调用js方法,使用js提交form表单的两种方法

    提交form表单的时候瑶族一些简单的验证,验证完后才能提交,避免无效提交. 1.当输入用户名和密码为空的时候,需要判断.这时候就用到了校验用户名和密码,这个需要在前端页面写:有两种方法,一种是用sub ...

  9. js提交form表单,并传递参数

    js如何提交form表单,并传递参数呢? 参考:https://www.itdaan.com/blog/2013/04/18/d26f13da9de5e2bbd607464da6ad1f8e.html

最新文章

  1. linux释放内存命令
  2. [转]你在修佛,还是在修魔
  3. C++ bitset类
  4. 计算机网络原理(第三章) 传输层 课后习题
  5. java底层模型_Java I/O模型及其底层原理,夯实你的开发基础
  6. iOS 开发 申请定位
  7. docker获取数据库时间相差8小时_Docker部署服务时间相差8小时解决方法
  8. 红帽linux进阶,Linux进阶第二天
  9. golang 最小堆排序实现
  10. Raki的读paper小记:DEBERTA: DECODING-ENHANCED BERT WITH DISENTANGLED ATTENTION
  11. linux wireless子系统,Linux Wireless子系统初始化
  12. 遥感图像几何校正 matlab,利用多项式实现图像几何校正(Matlab实现)
  13. 立创开源 | 基于stm32的稳定输出9v的双向DCDC自动稳压系统
  14. 服务器交换机在机柜位置,1米2米1.2米机柜22u24u网络服务器交换机图腾机柜
  15. 太湖之光超级计算机应用最高奖,世界最快超级计算机“神威·太湖之光”获得100多项应用成果...
  16. 手摸手教你搭建免费图床
  17. FreeRTOS学习笔记【一】——初识FreeRTOS
  18. MyBatis一发入魂(一)
  19. 计算机屏幕出现蓝色条,我的电脑屏幕中间为何会有一道蓝色线条
  20. 计算机模拟需要什么配置电脑,城市天际线配置要求 最低电脑配置要求

热门文章

  1. 使用 Android NDK 重用现有的 C 代码
  2. 【转】Traceview的使用
  3. 《LeetCode力扣练习》第155题 最小栈 Java
  4. Long类型传到前端失去精度(2):Long类型不是实体类的某一个字段,Long类型是一个函数的返回值
  5. oa 中会议推送 实现_诗尼曼:大OA+费控赋能千店一体,打造家居数字化标杆
  6. python爬虫 django搜索修改更新数据_django_数据库操作—增、删、改、查
  7. html 选择列表框,列表框和组合框的区别是什么?
  8. cdn托管html资源,七牛自定义域名cdn加速,静态资源托管至对象存储
  9. html中<pre>标签
  10. Centos在虚拟机内可以ping通,在ssh内无法ping通外网