bootstrapValidator + Ajax表单验证

首先,利用bootstrap Validator表单验证进行表单验证需要如下CSS和JS.


这些样式和Js可以百度下载,或者到bootstrap-validator的github上找 https://github.com/1000hz/bootstrap-validator

其次,我们需要严格遵守相应的格式

代码示例如下:




    BootstrapValidator demo

    
    

    
    
    


    
当然这些代码在demo中都有。而我们需要修改为下面的ajax异步表单验证的形式,所以我们需要对原来代码进行修改。




    BootstrapValidator demo

    
    

    
    
    


    
可以看到我们在第一个字段 username中的remote添加了ajax验证。delay表示的是ajax刷新的时间是0.5秒一次。

在后台中,我们只需要返回一个true或一个false。

最好的参考: http://1000hz.github.io/bootstrap-validator/

你可能感兴趣的:(前端开发,表单验证)