`
mike.gao
  • 浏览: 46886 次
  • 性别: Icon_minigender_1
  • 来自: 北京
最近访客 更多访客>>
社区版块
存档分类
最新评论

自定义form提示

阅读更多
自定义form错误提示

application_controller.rb中添加:
ActionView::Base.field_error_proc = Proc.new do |html_tag, instance|
  case html_tag
  when /<(label)/
    %(<div class="error">#{html_tag}</div>).html_safe
  when /<(input|textarea|select)/
    if instance.error_message.kind_of?(Array)
      %(#{html_tag}<dd class="error">#{instance.error_message.join('<br />')}</dd>).html_safe
    else
      %(#{html_tag}<dd class="error">#{instance.error_message}  </dd>).html_safe
    end
  end
end

创建:
shared/_error_messages.html.erb
<% if target.errors.any? %>
  <div id="error">
  <p><%= I18n.t('activerecord.errors.template.header', :count => target.errors.count, :model => target.class.model_name.human.downcase) %></p>
  </div>
<% end %>

调用:
<%= render "shared/error_messages", :target => @post %>

语言文件:
activerecord:models:post: "帖子"
分享到:
评论

相关推荐

    Winform自定义消息框,好看的消息提示Alert源码

    Winform自定义消息框,好看的消息提示Alert源码,国外大神,很基础的实现,可以在此基础上进行优化和进一步调整。Winform控件、Winform优美提示框、消息框、Alert信息弹窗、Notification

    Vue-Vben-Admin - 自定义上传excel文件弹框组件

    Vue-Vben-Admin -- 自定义上传excel文件组件

    解决layui调用自定义方法提示未定义的问题

    问题: layui.use(['layer', 'form', 'element'], ...调用test()时提示未定义 解决办法: layui.use(['layer', 'form', 'element'], function(){ var layer = layui.layer ,form = layui.form ,element = layui

    ant-design-vue3.x的form表单爬坑.pdf

    ant-design-vue3.x的form表单爬坑

    jquery formValidation表单验证插件实例

    jquery formValidation是个强大的jquery插件,使用简单,自定义提示层,弹出警告框,能验证常用的表单输入框。

    layui table表头自带问号图标显示字段提示

    (可用于字段说明,建议先去官方网站查看)实现效果就是鼠标放到指定字段,显示提示说明,如兑换比例说明。。。。用的到的推荐使用

    Form EditText.zip

    Form EditText介绍: 实现 EditText 输入文字之后格式正确性认证功能。如果输入格式不符合,将弹出错误提示。支持日期、信用卡、邮箱、姓名、IP地址、网址、电话、数字等等十几种输入格式验证。开发者也能自定义...

    Yii2框架自定义验证规则操作示例

    本文实例讲述了Yii2框架自定义验证规则操作。... * 验证提交的form表单 * * @return array */ public function rules() { return [ // 自定义验证 [['aaa', 'bbb', 'ccc'], 'customValidationCityCode'],

    解决ant Design中this.props.form.validateFields未执行的问题

    对于如何解决没有错误提示,官网提示:可以选择通过 async 返回一个 promise 或者使用 try…catch进行错误捕获,具体查看官网form组件; 2、使用validator 时,自定义方法中 callback 必须被调用。

    万能表单 亲测可用

    2、自定义表单模型(自定义字段支持字符串、数字、单选、多选、下拉、日历、时间、邮件、省市区、上传图片),每个自定义字段支持自定义描述(字段提示),支持关联会员表字段并支持会员表自定义字段;3、多个表单提交页...

    ant-design表单处理和常用方法及自定义验证操作

    首先要说一下antdesign这个框架API和...我们可以copy一个Form表单的demo。 LoginForm是表单的组件,下面代码,是React 高阶组件(Hoc)。 用于使组件获取 this.props.form 下面介绍一些常用的 this.props.form的方法。

    jQuery Live Form Validation表单验证插件.zip

    jQuery Live Form Validation是一个用于创建表单验证的jQuery插件。支持自定义校验规则,既可以在输入的时候实时校验,也可以在提交的时候校验。提示信息的样式完全可以通过CSS定义。

    jQuery 表单验证插件formValidation实现个性化错误提示

    其效果图如下:使用说明 需要使用jQuery库文件和formValidation库文件[下载实例代码] http://jquery.com/ 同时需要自定义显示提示错误信息的CSS样式 使用实例 一,包含文件部分 代码如下:[removed][removed] ...

    DataGridView数据编辑模板

    FormInit 在FormLoad时被调用,具体功能中可重载该方法添加自定义的初始化代码 PostData 具体功能中需要重载该方法,并调用具体的TableAdapter.Update(row),以保存数据至数据库。 RefreshData 统一的刷新数据表过程...

    layui自定义验证,用ajax查询后台是否有重复数据,form.verify的例子

    用layui表单自定义验证,ajax查询后台验证,form.verify和ajax组合时,尝试更改了几次方案,遇到的问题: 1.有时点击两次submit才会提示验证结果; 2.有时后台返回结果没问题,但不提示验证结果,查了查网上资料后,...

    React Form组件的实现封装杂谈

    前言 对于网页系统来说,表单提交是一种很常见的与用户交互的方式,比如提交订单的时候,需要输入收件... 封装表单验证&错误提示 表单提交 下面将对每个部分的实现方式做详细介绍。 表单布局 常用的表单布局一般有3种

    vue.js+element 默认提示中英文操作

    补充知识:element-ui组价中表单的验证提示显示后台的提示信息及自定义提示 我在做这个的时候一个是分给我的那个页面 是有两个接口的,所以提示信息就是根据接口的response.success 提示 写一个提示语“XX已存在”...

    form-validator:一个轻量级的纯 JavaScript 表单验证器

    ##用法首先为需要添加验证规则的dom元素添加自定义属性rg-rule,属性值为**|**分隔开的规则名称。如果想设置错误提示可以添加**rg-msg-{ruleword}**属性,设置对应规则的提示语。rg-msg-all表示设置默认提示语,除已...

    万能表单 weui 7.0.1.7z

    2、自定义表单模型(自定义字段支持字符串、数字、单选、多选、下拉、日历、时间、邮件、省市区、上传图片),每个自定义字段支持自定义描述(字段提示),支持关联会员表字段并支持会员表自定义字段;3、多个表单提交页...

    C#实现winform自动关闭MessageBox对话框的方法

    主要介绍了C#实现winform自动关闭MessageBox对话框的方法,实例分析了C#中MessageBox对话框的相关操作技巧,需要的朋友可以参考下

Global site tag (gtag.js) - Google Analytics