Question

如何使用Bootstrap的modal组件自定义alert，confirm和modal对话框

Answer 1

1. 实例展示

详细的代码可通过前面给出的下载链接下载源码去了解，代码量不大，这三个组件加起来只有200多行

如果你有javascript的组件开发经验，我这个层级的代码相信你一下子就能看明白。源码中我还给出了一个demo，这个demo模拟了一个比较贴近现实需求的一个场景：

1）用户点击界面上的某个按钮，打开之前定义的一个modal框：

2）用户在打开的modal框内填写一些表单，点击确定的时候，会触发一些校验：

没填email时：

填写了email之后：

这两个提示其实是为了演示Alert和Confirm的效果硬塞进去的，实际上可能没有这么别扭的功能。

3）在提示Password为空的时候，细心的人会发现那个确定按钮处于一个禁用的状态，这个考虑是因为确定按钮最终要完成的是一些异步任务，在异步任务成功完成之前，我希望modal组件都不要关闭，并且能够控制已点击的按钮不能重复点击；