jQuery Капитализировать Ajax собственность

Question

У меня возникла эта проблема, когда мне нужно было использовать заглавные буквы для отправки текста на ajax перед сохранением в базе данных. По сути, мне нужно прописать текстовое значение в нижнем регистре и затем прописать первую букву, прежде чем окончательно сохранить его в базе данных.

Вот мой вывод:

 $('#button').click(function(event) {

         event.preventDefault();

         $.ajax({
           url: '/categories',
           method: 'post',
           data: {
             category: { name: $('#new-category').val().toLowerCase().css('text-transform', 'uppercase') }
           },
           success: function(category){
              // console.log(response);
              if(category.id != null){
                let newOption = $('<option/>')
                .attr('value', category.id)
                .attr('selected', true)
                .text(category.name)

                $('#category_select').append(newOption);
                $('#new-category').val('');
              }
           },
           error: function(xhr){
             let errors = xhr.responseJSON;
           }

         });
     });

Как вы можете видеть в этой части:

  category: { name: $('#new-category').val().toLowerCase().css('text-transform', 'uppercase') }
               }

Возвращает ошибку. Как мне сделать это и jQuery и убедиться, что отправляемый текст имеет первый текст в названии категории в верхнем регистре или просто с заглавной буквы?

Answer 1

Ссылаясь на это

переполнение стека

$('#button').click(function(event) {

     event.preventDefault();


     $.ajax({
       url: '/categories',
       method: 'post',
       data: {
         category: { name: capitalizeFirstLetter($('#new-category').val()) }
       },
       success: function(category){
          // console.log(response);
          if(category.id != null){
            let newOption = $('<option/>')
            .attr('value', category.id)
            .attr('selected', true)
            .text(category.name)

            $('#category_select').append(newOption);
            $('#new-category').val('');
          }
       },
       error: function(xhr){
         let errors = xhr.responseJSON;
       }

     });
 });


function capitalizeFirstLetter(string) {
     string  = string.toLowerCase();
    return string.charAt(0).toUpperCase() + string.slice(1);
}

https://jsfiddle.net/uypmjh9q/

Answer 2

Вы можете захотеть использовать это на своем входе oninput = "this.value = this.value.toUpperCase ()"