验证插件:
http://www.bootcss.com/p/sco.js/#valid
验证方法:
在html界面中通过正则表达式等静态验证:
html:
<label> <div > email: </div> <input type="text" id="email" name="email"> <span class="message"> </span> </label>
js:
$('#valid_form').scojs_valid( { rules : { title : [ 'not_empty' ], content : [ 'not_empty' ] }, onSuccess : function(response, validator, $form) { } ,onError: function(response, validator, $form) {...} ,onFail: function(response, validator, $form) {...} });
后台验证结果按照Jsend的方式组包:
Jsend:
http://labs.omniti.com/labs/jsend
后台验证返回结果分3种:
成功:{"status":"success","data":{"next":"http://google.com"}}
失败:{"status":"fail","data":{"errors":{"email":"This error comes from server side"}}}
错误:{"status":"error","message":"The server made a boo boo"}
对3种结果分析:
成功:对数据操作成功,可以跳转到指定界面或者弹出提示(需引入sco.message.js).
失败:数据操作过程失败,比如新建一个用户,但是用户名已经存在,那么返回失败信息,界面上可以直接定位到失败字段,然后在后面输出失败信息。
错误:未知错误,直接弹出提示(需引入sco.message.js).
如果在界面引入了sco.message.js,那么:
(1).如果静态验证(scojs_valid)中onSuccess等函数有声明,则先执行函数,然后弹出sco.message的提示。
(2).如果想不弹出提示,而单单执行回调函数,则返回组包应这样:{"status":"success(fail/error)","data":"null"}
(3).待续。
相关推荐
前端框架bootstrap的js和css文件:bootstrap.min.js和bootstrap.min.css
浏览器报错找不到这个的可以下载这个
bootstrap.bundle.min.js,python django-bootstrap-4.6.2 版本的JS文件
抱歉,本来是0积分,现在CSDN改版,每次会自动修改积分,只能每次手动改一下,bootstrap.min.js (v4.0.0)bootstrap.min.js (v4.0.0)bootstrap.min.js (v4.0.0)bootstrap.min.js (v4.0.0)bootstrap.min.js (v4.0.0)
bootstrap-4.6.2下载bootstrap.min.cssbootstrap.bundle.min.jsbootstrap-4.6.2下载
bootstrap-switch.min.js
压缩包里面有: 1.bootstrap-table-editable.js 2.bootstrap-editable.js 3.bootstrap-editable.css 用于bootstrap table实现x-editable的行单元格编辑
bootstrap-3的压缩版js,因下载gitHub很难进去下载,在这里分享下,不晓得为啥不能上传整个压缩包,只能单个上传,css资源看https://download.csdn.net/download/qq_38188228/85768313
bootstrap 是一个用于快速开发 Web 应用程序和网站的前端框架。Bootstrap 是基于 HTML、CSS、JAVASCRIPT 的。
本文实例为大家分享了bootstrapValidator.min.js表单验证的具体代码,供大家参考,具体内容如下 注意:下载后全选复制并粘贴到新建js文件名为bootstrapValidator.min.js下即可。 测试代码: <!DOCTYPE html> <...
bootstrap框架 文件选择空间的js +css样式 文件 fileinput.min.js+bootstrap fileinput.min.css
bootstrap-editable.min.js 版本:X-editable - v1.5.1
bootstrap-select.js
jquery.min.js+bootstrap.min.js+bootstrap.min.css.zip
bootstrap的js文件与bootstrap的css,下载即可上手,新手我推荐你们一个网址去学习,拿去不谢:https://v3.bootcss.com/getting-started/
columns的formatter方法中可使用this.options获取全局配置信息,主要用户分页序号的设置功能。
解决报错:GET /static/css/bootstrap.min.css.map HTTP/1.1" 404
bootstrap(3.4.1)+jquery.min.js
里面封装了js一些常用的方法,可以使引入该文件可使代码更简洁,方便开发使用,不需要可以不下载。建议学习这个框架的下载
压缩包包含bootstrap-editable.js ,bootstrap-editable.min.js两个js文件