swal

笔记:web页面短信验证功能

♀尐吖头ヾ 提交于 2020-03-12 08:51:04
在做毕业设计的时候要用到短信验证功能,就整理了一下记在这里; 短信验证平台我使用的是 Bmob.后端云平台 ; 1.js引入 在引入JQuery和Bootstrap的相关js与css文件后; 在去Bomb下载引入短信验证的js < script src = "js/bmob-min.js" > < / script > 2.jsp页面简例 我是要做一个通过短信验证更改密码的功能; 首先输入手机号; 输入要改的新密码; 然后就是拿出手机获取你的验证码输入了; < form role = "form" action = "" > < div class = "form-group" > < label for = "phone" > 您的手机号: < / label > < input type = "text" class = "form-control" name = "phone" id = "phone" / > < / div > < br > < div class = "form-group" > < label for = "password1" > 请输入新密码: < / label > < input type = "text" class = "form-control" name = "password1" id = "password1" / > < /

SweetAlert2

百般思念 提交于 2019-11-28 01:58:38
1.SweetAlert2 1.1快速部署 国内SweetAlert2cdn https://www.bootcdn.cn/limonte-sweetalert2/ SweetAlert部署文件 https://pan.baidu.com/s/1BFXctrsgE_26HJU3XT1lcg 1.2SweetAlert2官方文档 https://sweetalert2.github.io/#examples 1.3一.前言 SweetAlert2是一款功能强大的纯Js模态消息对话框插件。SweetAlert2用于替代浏览器默认的弹出对话框,它提供各种参数和方法,支持嵌入图片,背景,HTML标签等,SweetAlert2是SweetAlert-js的升级版本,它解决了SweetAlert-js中不能嵌入HTML标签的问题,并对弹出对话框进行了优化,同时提供对各种表单元素的支持,还增加了5种情景模式的模态对话框,功能非常强大。 官方文档: https://sweetalert2.github.io/ 1.4 基本使用 1.对话框 (1) 基础对话框 Swal('hello world') (2)或者多参数设置对话框 swal({ title: '提示', text: "早上好", confirmButtonText: '确认', confirmButtonColor: 'Green',