Problems with Jquery to get value from input text

Question

Problems with Jquery to get value from input text

Navigation

#1 by (0 votes)

1

I am not able to get the value of the input text, the error of indefinite ... someone would know to answer me because this is so ???

$(document).ready(function () {
            $('#btnPesquisar').click(function () {

                var x = $("#txtMatriculaPesquisar");
                alert(x.val());
               

                $.ajax({
                    type: 'POST',
                    contentType: 'application/json; charset=utf-8',
                    url: 'Aluno.aspx/BuscaAluno',
                    data: "{'matircula':'" + matricula + "'}",
                    async: true,
                    dataType: "json",
                    success: function (result) {
                        if (result != null) {
                            $.each(result.d, function (key, value) {
                                $('#txtNome').value = value.Nome;
                                $('#txtMatricula').value = value.Matricula;
                                $('#txtCpf').value = value.Cpf;
                                $('#txtNascimento').value = value.Data;

                            }); 
                        
                        }
                        
               
                    },
               });
            });
        });

<div class="row">
            <div class="input-group col-md-6 col-md-offset-1">
              <input type="text" class="form-control" placeholder="Digite a Matricula" id="txtMatriculaPesquisar" value="" runat="server"/>
              <span class="input-group-btn">
                <button class="btn btn-default" type="button" id="btnPesquisar">Pesquisar</button>
              </span>
            </div>
        </div>

html jquery

asked by anonymous 08.02.2018 / 14:46

1 answer

Javascript, an id that was null (empty) can be returned? Put ellipses in pagination of mixItUp

score 0 · Accepted Answer

The problem is that you are storing the registration in the variable x and then passing the variable matricula to the request. Since this variable does not exist, javascript will use the value of Undefined

Another error is that when you capture an element with jQuery (in callback onSuccess , for example) , it returns you an object. Since this object does not exist the value property, the code has just returned an undefined value or when you try to set a new value, it does not work.

When you want to capture or report the value to an object of jQuery , use:

$('#txtNome').val(); // Para capturar
$('#txtNome').val("novo-valor"); // Para definir

$(document).ready(function () {
            $('#btnPesquisar').click(function () {

                let matricula = $("#txtMatriculaPesquisar");
                alert(matricula.val());
               

                $.ajax({
                    type: 'POST',
                    contentType: 'application/json; charset=utf-8',
                    url: 'Aluno.aspx/BuscaAluno',
                    data: "{'matircula':'" + matricula + "'}",
                    async: true,
                    dataType: "json",
                    success: function (result) {
                        if (result != null) {
                            $.each(result.d, function (key, value) {
                                $('#txtNome').val(value.Nome);
                                $('#txtMatricula').val(value.Matricula);
                                $('#txtCpf').val(value.Cpf);
                                $('#txtNascimento').val(value.Data);

                            }); 
                        
                        }
                        
               
                    },
               });
            });
        });

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script><divclass="row">
            <div class="input-group col-md-6 col-md-offset-1">
              <input type="text" class="form-control" placeholder="Digite a Matricula" id="txtMatriculaPesquisar" value="" runat="server"/>
              <span class="input-group-btn">
                <button class="btn btn-default" type="button" id="btnPesquisar">Pesquisar</button>
              </span>
            </div>
        </div>