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

 更新时间:2014年03月26日 16:05:46   作者:  
这篇文章主要介绍了JS如何阻止用户多次提交,需要的朋友可以参考下
复制代码 代码如下:

<!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实现self的resend

    JS实现self的resend

    self中resend是调用“基类方法”的原语,它会把当前接收到的消息原样发送给其原型(parent*)。在ECMA-v5时代,我们终于可以做出这个伟大的东西了。
    2010-07-07
  • JavaScript仿京东放大镜效果

    JavaScript仿京东放大镜效果

    这篇文章主要为大家详细介绍了JavaScript仿京东放大镜效果,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2021-10-10
  • JS原型对象通俗"唱法"

    JS原型对象通俗"唱法"

    书上对于原型对象的说法给我整的眼花缭乱,完全不知道它在说什么,查了好多资料,终于有了些理解,下面我以通俗的大白话说说我对原型对象的理解
    2012-12-12
  • JavaScript基本类型值-Undefined、Null、Boolean

    JavaScript基本类型值-Undefined、Null、Boolean

    本文主要介绍了JavaScript基本类型值-Undefined、Null、Boolean的相关知识,具有很好的参考价值,下面跟着小编一起来看下吧
    2017-02-02
  • JavaScript面向对象之体会[总结]

    JavaScript面向对象之体会[总结]

    看过很多JavaScript书,对JavaScript的面向对象讲的都比较深入,但是并没有做到深入浅出,总结了我做的一些JavaScript程序的经验,以简洁明了的文字使大家明白JavaScript面向对象的实现。
    2008-11-11
  • 一些有关检查数据的JS代码

    一些有关检查数据的JS代码

    一些有关检查数据的JS代码...
    2006-09-09
  • ECMA5数组的新增方法有哪些及forEach()模仿实现

    ECMA5数组的新增方法有哪些及forEach()模仿实现

    这篇文章主要介绍了ECMA5数组的新增方法有哪些及forEach()模仿实现,需要的朋友可以参考下
    2015-11-11
  • Javascript设计模式之观察者模式(推荐)

    Javascript设计模式之观察者模式(推荐)

    观察者模式有时也称为发布--订阅模式,在观察者模式中,有一个观察者可以管理所有的目标,等到有状态发生改变的时候发出通知
    2016-03-03
  • JavaScript学习笔记之数组随机排序

    JavaScript学习笔记之数组随机排序

    这篇文章主要介绍了JavaScript学习笔记之数组随机排序的相关资料,需要的朋友可以参考下
    2016-03-03
  • JS Loading功能的简单实现

    JS Loading功能的简单实现

    这篇文章主要介绍了JS Loading功能的简单实现。这个功能原理是很简单的,就是一个DIV遮盖当前页面,然后Loading就在遮盖DIV层上展示出来
    2013-11-11

最新评论