TypeError: stepUp called on an object that does not implement interface HTMLInputElement

Question

I have this code

Find/Add Horse

And I do

Answer 1

I had similar issue, it was because I forgot to have .val() when trying to access the value of the input element.

 $.post('@Url.Action("Calculate", "AvailableInvestment")',
            {
                code: $("#calculatorCode").val(),
                amount: $("#calculatorAmount").val()
            },
            function (data, status) {
                console.log(data, status);
                if (data.success == true) {
                     
                }

                else {  
                     
                    return;
                }

            }
        );

Answer 2

If search_term is an input field you might want to get its value.

var search_term = $(this).parents('.sub-middle-column').find('.search_horse').val();

Right now you are referencing a jQuery Object containing a HTMLDom-Element but I think what you want is the string inside the search input element.

Answer 3

TypeError: stepUp called on an object that does not implement interface HTMLInputElement comes when you forget # sign for(id) and . sign for class. when we can get value directly without . or # sign.

Wrong method: - var email = $('PHMC_email').val();

Correct Method:

-var email = $('#PHMC_email').val(); Or var email = $('.PHMC_email').val();