使用validform、webuploader

前言:数据的严谨必不可少,自己写正则验证但耗时,当一个表单提交数据很多时写正则会写很久,后台也要验证耗时耗力,使用框架就方便多了

对于前段框架,不管是哪一个,其实使用都差不多,引入对应的js、css文件,给控件绑定,就可以简单实现了,在进一步摸索就可以了

validform、webuploader同样的道理,下载,引入文件

然后:validform是针对表单提交的数据做验证

使用方法是引入之后,给form表单一个id,然后验证表单,对于一些简单的常用的已经实现了,只需$(formid).Validform({})然后在里面设置一些参数,对文本框进行一些验证,这个框架挺好,自己不喜欢还可以自己写正则,对于常用的基本上够用,或许以后html5做的更好之后不需要这些插件了,毕竟现在html5就可以做一下简单的验证

因为网上有很多关于Validform的文章,我这里说再多也没什么意义。具体可以多看看官方文档api


webuploader是上传文件的插件,有时候不需要富文本,只需要一个上传图片的,而不能使用原始的input[type=file],毕竟体验不好

和其他的插件使用大同小异,不同在与要配置一些东西,自己写一下html。

在初始化时可以声明一些参数,和设置


之后在实例化

这样其实页面就能显示了,当然自己要写好div。

其次是实现有文件上传



具体可以根据官网api自己进行摸索,修改,有许多功能需要自己看、实现

记录完结。


  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值