jquery专注于asp.net mvc部分视图中的一个文本框

jquery focusout on a textbox in partial view asp.net mvc

本文关键字：文本 一个 视图 asp 专注 net mvc jquery      更新时间：2023-09-26

当有人离开asp.net mvc 4应用程序中的部分视图中的文本框时，想要发出警报。对我不起作用。没有错误，只是不起作用而已。我的代码Jquery

$("#username").on('focusout', 'input', function () {
    alert("Lost Focus");
});

部分视图中的Html

<div class="form-group">
    <label class="col-sm-6 control-label forms">UserName</label>
    <div class="col-sm-3 input-container">
        <input type="text" name="Username" id="username"/>
    </div>
</div>

代码的问题在于，您试图将事件处理程序附加到一个不存在的元素。（您使用input选择器筛选#username元素的子体，所以基本上您对jquery说的是"将focusout处理程序绑定到与input选择器匹配的#username的子体"。有关更多信息，请参阅文档。）

这将起作用：

$("#username").on('focusout', function () {
   alert("Lost Focus");
});

尝试

$(document).ready(function(){
    $('#username').focusout(function(){
        alert('lost focus!');
    });
});

https://jsfiddle.net/fc4mpo1w/6/

相关文章：