2

jQueryBlur関数に問題があります

私は次のようにコーディングします：

<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」でない限り、入力を として参照する必要があります$('input')。これにより、タイプ「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 に答える