项目有一个弹窗要把alert优化成模态框,之前是用prompt()这个方法,可以弹出一个输入框输入动态验证码点击确定后去验证验证码是否正确,再去执行接下来的操作。
现在变成模态框后,我试过弹出模态框后再去获取模态框输入框里的值,然后判断动态验证码是否正确,再去执行接下来的操作。但是这样程序运行的时候模态框弹出后就会马上获取到输入框的值为空,就提示空值,程序就结束了,我希望有没有办法能实现像prompt()这个方法这样方便。(PS:因为项目原因引入其他js,如angularJs不太现实,希望能用普通的js实现)
在JavaScript中,你可以使用HTML5的prompt()
函数来创建一个模态框,然后使用event
对象来获取输入框的值。以下是一个示例:
```javascript function showModal() { var userInput = prompt("请输入你的信息"); alert("你输入的信息是:" + userInput); }
showModal(); ```
在这个示例中,当你点击“显示模态框”按钮时,showModal()
函数会被调用。prompt()
函数会弹出一个模态框,其中包含“请输入你的信息”这句话。然后,alert()
函数会弹出一个警告框,其中包含用户输入的信息。