Tenho uma function que precisa pegar o valor do textbox para realizar uma validação e se caso essa validação for true habilitar o datepicker. Mas ao não está pegando valor do textbox. Ao dar um alert no textbox, está mostrando "Undefined". Como posso resolver ?
Script:
$(document).ready(function () {
$("#txtNovaDtVenc").datepicker("option", "disabled", true, { changeMonth: true, changeYear: true }).attr('readonly', 'readonly');
$("#EscolhaData").hide();
$('.a').click(function () {
$("#EscolhaData").toggle();
$('button').click(function () {
var senha;
senha = $("txtSenha").val();
alert(senha);
if (senha == "administrador") {
$("#txtNovaDtVenc").datepicker({ changeMonth: true, changeYear: true }).attr('readonly', 'readonly');
$("#LinhaSenha").hide();
}
});
});
});
HTML:
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<table id="EscolhaData">
<tr>
<td>
Nova dt. de vencimento :
</td>
<td>
@Html.TextBox("txtNovaDtVenc", "", new { @class = "form-control form-control-custom", style="width:100px" })
</td>
</tr>
<tr id="LinhaSenha">
<td>
Senha:
</td>
<td>
@Html.TextBox("txtSenha", "", new { @class = "form-control form-control-custom", style="width:100px" })
</td>
<td>
<button type="button" value="Ok" style="width:30px; height:30px;"></button>
</td>
</tr>
</table>