网页学习体会

  • 首页
  • 个人博客
您的位置: 首页  >  IT文章  >  javascript技巧  >  JS阻止用户多次提交示例代码

JS阻止用户多次提交示例代码

分类: IT文章 • 2022-05-05 21:53:12
复制代码 代码如下:

<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<input type="text" id="msg">
<a href="#" id="result">提交</a>
<div id="show"></div>
<script src="jquery1.11.js"></script>
<script>
$(function(){
var flag = true;
$("#result").on('click',function(){
if(flag){
flag = false;
}else{
return;
}
$("#show").html('<p>'+$("#msg").val()+'</p>');

});
})
</script>
</body>
</html>

so easy!

相关推荐

  • 用户单击“提交”按钮时,校验文本框中的录入,并按照js代码中的文本进行校验提示
  • jsp——js事件修改属性样式的两种方法(直接赋值、修改属性)、验证表单符合某要求、阻止表单提交、告诉浏览器不要缓存 代码
  • 前端防止用户重复提交js实现代码示例
  • js 判断文件类型并控制表单提交示例代码
  • js禁止回车提交表单的示例代码
  • JS去掉字符串前后空格、阻止表单提交的实现代码
  • 防止在服务器处理完成之前用户多次点击提交按钮处理代码
  • JS阻止用户多次提交示例代码
  • js 判断文件类型并控制表单提交示例代码
  • js 事件截取enter按键页面提交事件示例代码
  • 基于vue+canvas的excel-like组件实例详解
  • Vue官网todoMVC示例代码
    网站免责声明 网站地图 最新文章 用户隐私 版权申明
本站所有数据收集于网络,如果侵犯到您的权益,请联系网站进行下架处理。   

Copyright © 2018-2021   Powered By 网页学习体会    备案号:   粤ICP备20002247号