sweetalert2简化整理版

所属分类:UI-对话框,工具提示

 31993  394  查看评论 (5)
分享到微信朋友圈
X
sweetalert2简化整理版 ie兼容10

更多使用说明,在解压后的index页面中有注释(虽然不全,但是是个人感觉比较常用的),如果对我的注解有不同的,可以加入578534767,通探讨~

//下面可以使用ajax进行异步操作
$("#prompt").click(function() {
	swal({
		title: '输入一段不为空的值,且格式是email格式',
		//标题
		input: 'email',
		//封装的email类型  列如qq@qq.com
		showCancelButton: true,
		confirmButtonText: 'Submit',
		//同上,重复的我就不注释了哈~
		showLoaderOnConfirm: true,
		preConfirm: function(email) { //功能执行前确认操作,支持function
			return new Promise(function(resolve, reject) {
				setTimeout(function() { //添加一个时间函数,在俩秒后执行,这里可以用作异步操作数据
					if (email === 'taken@example.com') { //这里的意思是:如果输入的值等于'taken@example.com',数据已存在,提示信息
						reject('用户已存在') //提示信息
					} else {
						resolve() //方法出口
					}
				},
				2000)
			})
		},
		allowOutsideClick: false
	}).then(function(email) {
		swal({
			type: 'success',
			title: 'Ajax request finished!',
			html: '提交的email是 ' + email
		})
	})
})


相关插件-对话框,工具提示

讨论这个项目(5)回答他人问题或分享插件使用方法奖励jQ币 评论用户自律公约

    See You Again 0
    2017/8/21 15:46:28
    这个最后的那个弹框怎么弄得 回复
    ⑨褚鹿 0
    2017/8/18 10:15:20
    SAn 0
    2017/7/18 23:07:30

    第一个按钮触发后,点击OK怎么添加事件?想在点击OK后跳转到一个页面上!!!求解

    回复
    秦时明月? 0
    2016/12/5 11:12:03
    深度好文啊!  最近一直想把确认删除原来的删除和取消位置对调   现在有改完的啦!!!3Q
        Lai~ Gema&0
        2016/12/5 13:12:37
        没关系~sweetalert支持在弹框内写其它html代码,而且还有很多执行函数,略懂皮毛,我只是把自己的研究成果择重发布了出来,sweetalert是一种扩展性很高的插件
    回复
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复