jquery - 无法在 Rails 4 中随时随地将输入文本更改为小写

Question

我的rails应用程序的页面中有以下表格

    <%= simple_form_for(resource, :as => resource_name, :url => registration_path(resource_name), :html => { :method => :put, novalidate: false }) do |f| %>
      <%= f.error_notification %>
      <%= display_base_errors resource %>
      <div class="tab-pane active performer_new" id="tab1">    
        <% @user.build_performer  unless @user.performer %>
        <%= f.fields_for :performer, @user.performer do |per| %>
          <%= per.input :first_name, :label => "Screen name"%>
        <% end %>

我在这个jsfiddle中使用了以下代码，并稍作改动以适应 turbolinks。我究竟做错了什么？我检查了文件的头部，我可以看到我在评估中写的文件。

var read = function(){ 
            $("#user_performer_attributes_first_name").on('input', function(evt) {
               var input = $(this);
               var start = input[0].selectionStart;
               $(this).val(function (_, val) {
                  return val.toLowerCase();
               });
               input[0].selectionStart = input[0].selectionEnd = start;
        });
}
$(document).ready(read);
$(document).on('page:load', read);

但我没有改变角色。为什么？

Answer 1

使用keyup 之类的事件

$("#user_performer_attributes_first_name").on('keyup', function(evt) {

代替

$("#user_performer_attributes_first_name").on('input', function(evt) {

删除$(document).on('page:load', read); 从您的代码中检查

继续阅读（）