fastadmin 前端 html 表单验证

最新推荐文章于 2024-03-03 21:21:05 发布
最新推荐文章于 2024-03-03 21:21:05 发布
阅读量1k 收藏
点赞数
分类专栏： 三块钱的博客 文章标签： html html5 javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/jxyk2007/article/details/120434786
版权

 在FastAdmin当中我们只需要给元素添加data-rule="规则"即可开启Nice-validator的验证，如下：

	<div class="form-group">
		<label for="sysm" class="col-sm-2 control-label" >使用说明</label>
		<div class="col-sm-4">
			 
			 <textarea class="form-control" rows="3" placeholder="使用说明"  data-rule="required;length(3~)" id="explain" name="explain"></textarea>
		</div>
		
	</div>

 data-rule="required;length(3~)"  //两个验证 必填项 ；字符不少于3个

官方文档表单验证 - FastAdmin框架文档 - FastAdmin开发文档

三块钱0794
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
html5手机登录表单验证代码
06-24
html5手机登录表单验证代码是一款自定义标签属性的手机登录表单验证特效。
fastadmin后台添加表单规则验证，需要结合其他表单内容，js单独配置
oraclechaozi的专栏
09-24 1267
fastadmin后台添加表单规则验证，需要结合其他表单内容，单独配置规则方法
FastAdmin的Form字段必填-长度-字符规则-调整在哪里
iloveallcode的博客
03-03 152
有2个地方需要修改，1是前端页面，2是后端验证器。
fastadmin模态框（弹出框）
weixin_37391237的博客
03-15 2658
用法： 在html页面新建一个按钮用来触发事件 添加 然后js中定义一个点击事件 在改事件里触发 Fast.api.open(url, title, options)打开模态框 // 在index页面添加按钮事件 $(toolbar).on('click', '.btn-add', function () { //获取选中的条目ID集合 var url = 'gzconfig/add';//弹出
fastadmin必填项加红色*号
Aaron的博客
10-20 946
1111
Javascript的表单与验证-非空验证
10-22
JavaScript 可用来在数据被送往服务器前对 HTML 表单中的这些输入数据进行验证。本文给大家介绍javascript的表单与验证-非空验证，对javascript表单验证相关知识感兴趣的朋友一起学习吧
fast admin的表单验证
amateur12的博客
12-12 1169
1.独立验证器 在控制器加入以下代码，开启验证器 //开启验证器 protected $modelValidate = true; //是否开启validate 验证默认是fasle protected $modelSceneeVaildate = true; //是否开启模型场景验证默认是false 然后在验证器中加入需要的验证规则即可，像必填，不可重复等 2.直接给表单元素添加data-rule="规则" 即： <input data-rule="require......
fastadmin框架自带的数据效验
m0_64590669的博客
11-28 2476
fastadmin框架自带的数据效验
fastadmin的表单验证data-rule
qq_29107923的博客
03-03 3192
fastadmin使用的时nice validator插件，具体检验文档可查看:https://validator.niceue.com/docs/core-rules.html
必填校验 验证问题
lzfengquan的博客
04-22 2272
今天做项目的时候，突然发现在新增和保存的时候有个必填校验明明加了，但是没有填写，结果竟然没有提示。原来是接收的验证对象不一样造成的，从而忽略了对他的校验。 当我对处理应收单类型没选取的时候，进行新增或者保存，发现竟然在明细列表直接新增了一行数据，在保存的时候也只是校验了明细行没填数据，忽略了我的应收单类型。发现错误，在解析的时候忘记判断情况了。 因为应收单类型返回的是个对象，然而在 react项目中 利用了antd -form 里面有个属性 validateFields 。validateFields（
javascript html5实现表单验证
10-22
主要为大家详细介绍了javascript html5实现表单验证的具体代码，感兴趣的小伙伴们可以参考一下
js浏览器html5表单验证
11-27
html5表单添加了很多类型的表单，而且还自带验证的功能。在移动端，手机等设备能够根据不同的input类型弹出不同的键盘，例如iphone弹的键盘 但是由于不同的浏览器对不合法输入提示文案不一致，样式也不一样，并且老...
前端学习 FreeCodeCamp html 注册表单
最新发布
03-20
前端学习 FreeCodeCamp html 注册表单
前端js，jQuery表单验证插件
03-22
前端js，jQuery表单验证插件
正则表达式速查表
chouji4171的博客
08-31 219
字符 描述 \ 将下一个字符标记为一个特殊字符、或一个原义字符、或一个向后引用、或一个八进制转义符。例如，“n”匹配字符“n”。“\n”匹配一个换行符。串行“\\”匹配“\”而“\(”则匹配“(”。 ^ ...
fastadmin(input框数字限制)
行走的卡路里
08-16 2305
在input框加入此属性可以限制数字的区间值 data-rule="required;range(0~)"
fastadmin页面日期时间组件的调用
chengxuyuan8的博客
07-10 4431
第一步 html <div class="form-group col-lg-3"> <div class="input-group form_datetime"> <span class="input-group-addon">收集时间:</span> <input class="form-control datetimepicker" data-date-format="YYYY-MM-DD
fastadmin 时间选择框
PHP,Java--在世悟空的博客
06-29 959
1. HTML代码 index.html <input class="admin form-control datetimepicker" data-date-format="YYYY-MM-DD" data-date-use-current="true" data-date-min-date="now" dat
一个el-form-item中有多个组件，但只有一个组件是必填的
weixin_38345306的博客
06-26 823
一个el-form-item中有多个组件，但只有一个组件是必填的
fastadmin 动态下拉表单联动
05-28
在 FastAdmin 中实现动态下拉表单联动，可以使用 FastAdmin 自带的表单组件以及 jQuery 插件 Chained Selects。 具体实现步骤如下： 1. 定义两个联动的下拉框，如下： ```php $form->select('province_id', '省份')->options('/api/province'); $form->select('city_id', '城市')->options('/api/city')->rules('required'); ``` 其中 `province_id` 和 `city_id` 分别是表单项的 name 值，`/api/province` 和 `/api/city` 是获取数据的接口地址。 2. 在控制器中定义接口方法，用于获取城市数据，如下： ```php namespace app\admin\controller; use think\Controller; class ApiController extends Controller { public function province() { $provinceList = db('province')->select(); return json($provinceList); } public function city() { $provinceId = input('get.province_id'); $cityList = db('city')->where('province_id', $provinceId)->select(); return json($cityList); } } ``` 其中 `province` 方法返回所有省份数据，`city` 方法根据省份 ID 获取该省份下的城市数据。 3. 使用 Chained Selects 插件实现下拉框联动，如下： ```js $(function() { // 省份下拉框改变事件 $('select[name="province_id"]').change(function() { var provinceId = $(this).val(); // 清空城市下拉框 $('select[name="city_id"]').empty(); // 动态加载城市数据 $.getJSON('/admin/api/city', {province_id: provinceId}, function(data) { $.each(data, function(i, item) { $('select[name="city_id"]').append('<option value="' + item.id + '">' + item.name + '</option>'); }); // 触发城市下拉框的 change 事件 $('select[name="city_id"]').trigger('change'); }); }); // 城市下拉框改变事件 $('select[name="city_id"]').change(function() { // TODO: 根据城市 ID 加载其他数据 }); // 初始化省份下拉框 $('select[name="province_id"]').trigger('change'); }); ``` 其中 `change` 事件监听省份下拉框的改变，根据选中的省份 ID 动态加载城市数据，并将加载的城市数据添加到城市下拉框中。同时，触发城市下拉框的 `change` 事件，以便根据城市 ID 加载其他数据。最后，通过触发省份下拉框的 `change` 事件，完成初始化操作。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

三块钱0794

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值