2

Blur我对 jQuery函数有疑问

我这样编码：

<head>
<script src="_js/jquery-1.6.3.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
    $('#l').blur(function(){
        if($(this).val()=='')
            alert('Invalid');
    });
});
</script>
</head>

我正在使用它来识别输入字段是否为空。如果我运行此代码，那么如果我将其留空并单击其他位置，Blur则不会调用该函数并且不会生成警报

我正在使用 Firefox 10.1 运行代码

HTML：

<form method="post" action="Login.php" id="Log">
<select id="Login" name="Type">
<option value="Sel" selected="selected">Select Login type</option>
<option value="Student">Student</option>
<option value="Faculity">Faculity</option>
</select>
<div id="type">
<p id="Ch">Group Id: &nbsp;<input id="l" name="log" type="text"/></p>
<p id="Pass">Password: &nbsp; <input id="p" name="Pass" type="password" /></p>
<input id="Cond" type="Text" />
<input type="submit" value="Login"  />
</div>
<p id="Invalid" style="padding-top:.75em; color:#FF0000;">Login Field Empty </p>
</form>

代码的内容通过选择和代码更改是这个组ID和密码在开头隐藏并且在下面的代码中选择选项时更改

$('#Login').change(function() {
if($(this).val()=='Sel')
$('#type').hide();
else if($(this).val()=='Student')
{
    $('#Ch').html('<p id="Ch">Group Id: &nbsp; &nbsp;<input id="l" name=" log" type="text" /></p>')
    $('#type').show(10);
}
else
{
$('#Ch').html('<p id="Ch">Faculity Id: &nbsp;<input id="l" name="log" type="text" /></p>')
$('#type').show(10);
}

});

我认为它引起了问题请检查并告诉我如果它引起一些问题或者我做错了有什么替代方法？

4

3 回答 3

6

$('#input')# 用于 ID 选择器，尝试使用$('input')标签名称选择器。

于 2012-05-02T05:53:30.800 回答
1

除非您的输入具有“输入”的 ID，否则您应该将输入引用为$('input'). 这将创建一个包含所有“输入”类型元素的 jQuery 对象。

于 2012-05-02T05:53:37.247 回答
0

在您的帖子中，您有这段 JavaScript 代码：

$('#Login').change(function() {
if($(this).val()=='Sel')
$('#type').hide();
else if($(this).val()=='Student')
{
    $('#Ch').html('<p id="Ch">Group Id: &nbsp; &nbsp;<input id="l" name=" log" type="text" /></p>')
    $('#type').show(10);
}
else
{
$('#Ch').html('<p id="Ch">Faculity Id: &nbsp;<input id="l" name="log" type="text" /></p>')
$('#type').show(10);
}

我能问一下这段代码在页面中的位置吗？执行顺序可能有问题。

于 2013-04-22T18:20:26.553 回答