在 Rails 4 中正确实施 Parsley.js 自定义远程验证器

Question

我正在尝试获取 data-parsley 以验证用户名是否已存在于数据库中。

我遇到的第一个问题是如何设置 JSON 数据以动态包含 'value' 作为用户类型。我应该使用 jQuery 来实现吗？

_system_account.erb

<%=
    text_field_tag("access[username]",
                   value = nil,
                   options = {:"data-parsley-remote" => "" ,
                              :"data-parsley-remote-options" => "{ 'type': 'POST', 'dataType': 'json', 'data': { ':username': 'value' }}",
                              :"data-parsley-remote-validator" => "validate-username",
                              id:"username", placeholder:  t('access.simple_username'),
                              required: "required", pattern: "[a-z0-9_-]{3,64}$",
                              :"data-parsley-trigger" => "keyup",
                              :"data-parsley-minlength"=>"3" ,
                              :"data-parsley-maxlength"=>"64"})
%>

关联的javascript在表单发生变化时触发：

<script type="text/javascript">
    $('#username').bind('input propertychange', function()
    {
        window.Parsley.addAsyncValidator('validate-username', function (xhr) {
            // console.log(this.$element);
            // jQuery Object[ input[name="q"] ]
            var response = $.parseJSON(xhr.responseText);
            alert( JSON.stringify(response) );

            // Second Problem: How do I make data-parsley identify it is an error and mark the field red or something

        }, '/application/check_username_exists');
    }); </script>

application_controller.erb

这只是检查用户名是否存在。

  def check_username_exists
    username_exists = Access.exists?(username: params[:username])
    respond_to do |format|
      format.json { render json: {:"exists" => username_exists}.to_json }
      format.html
    end
  end

Answer 1

数据由欧芹填充，因此删除 data: { ':username': 'value' }。

既然你在用户端有控制权，最简单的就是使用响应状态：

status = Access.exists?(username: params[:username]) ?  :unauthorized : :ok
render nothing: true, status: status

无效状态（如未授权 = 401）用于无效字段，...

在 Rails 4 中正确实施 Parsley.js 自定义远程验证器

Properly implementing the Parsley.js Custom Remote Validator in Rails 4

validation

jquery

ruby-on-rails-4

parsley.js