这个要看具体的代码实现。
创新互联公司拥有网站维护技术和项目管理团队，建立的售前、实施和售后服务体系，为客户提供定制化的网站设计、成都网站设计、网站维护、成都托管服务器解决方案。为客户网站安全和日常运维提供整体管家式外包优质服务。我们的网站维护服务覆盖集团企业、上市公司、外企网站、商城网站定制开发、政府网站等各类型客户群体，为全球上千多家企业提供全方位网站维护、服务器维护解决方案。
如果代码实现是显示/隐藏原本在HTML中的元素，那就把隐藏的元素复制一份，JS代码复制一份改改名字就可以，虽然低端，胜在实现快。
如果是动态创建，那就复杂一点了，需要修改创建的元素的标识来分别对应不同的弹窗。包括创建的元素ID，创建出的元素的关闭按钮绑定事件等等。
如果考虑第三方组件，那就很多了，layerui里的layer组件是个不错的选择。
1、JavaScript（简称“JS”） 是一种具有函数优先的轻量级，解释型或即时编译型的编程语言。是作为开发Web页面的脚本语言而出名的，同时也被用到了很多非浏览器环境中，JavaScript 基于原型编程、多范式的动态脚本语言，并且支持面向对象、命令式、声明式、函数式编程范式。
2、你这个代码中文本框的id或name不能都为空，不然使用JavaScript获取组件时会比较困难，你应该是想判断value是不否为空，首先给id赋上值，然后再判断value是否为空，判断的代码其实很简单，var txt=document.getElementById("id").value，if(!txt)alert("111")。
3、你需要先好好学习前端基础，不然很难看明白的。希望对你有帮助，祝你学有所成。
为超链接添加onclick()动作，动作内容为弹出对话框。javascript提供了3种类型的对话框：
alert() : 提醒
confirm()：确认，返回 true 或者 false
prompt()：带输入的对话框
下面进行实例演示：
1、HTML结构
a href="#" onclick="fun1()"你有一个礼物/aa href="#" onclick="fun2()"我要接收礼物/aa href="#" onclick="fun3()"必须先对暗号/a
2、javascript代码
function fun1(){ alert("你得到一个礼物！！")}function fun2(){ if(confirm("确定接收礼物？")) alert("对一下暗号先...");}function fun3(){ var code = prompt("请对暗号："); if(code) alert("给你礼物！！"); else alert("蒙人呢！");}
