2012-05-02 9 views
2

で作業していない私は、jQueryのBlur機能ボケ関数は、Firefox

との問題を抱えている私はこのようにそれをコーディング:

<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> 

Iは、入力フィールドが空であるかどうかを識別するために、これを使用しています。

<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> 
:私は空のままにしてどこか別の場所をクリックした場合、 Blur関数が呼び出されていないと何の警告が

を生成しませんし、このコードを実行すると、私はコード

HTMLを実行するために、Firefoxの10.1を使用しています

は、コードの内容は、選択によって変化し、コードがオプションが

$('#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); 
} 
コード

下で選択されている場合、グループIDとパスワードが最初と変更に隠されている。この です

});

私はそれが問題を引き起こしていると思う親切にチェックして教えてくださいそれは何か別のものかそれは何か問題を引き起こすか、それとも間違っていますか?

+0

htmlを表示できますか? –

+0

そして、あなたはすべての単語の頭文字の頭文字を使用しないでください - それは読むのが非常に難しく、全くクールではありません。私はあなたのためにそれを修正しましたが、それは多くの仕事でした。 – mplungjan

答えて

6

$('#input') IDセレクタ用です。$('input')タグ名セレクタをお試しください。

+0

私は入力フィールドとして user1366440

+0

'$( 'Input')'を試しましたか? –

+0

とあなたはどこに関数呼び出しを入れていますか? '"の前に関数を置くと、javascriptはあなたの与えられたセレクタに一致するものが見つからないので動作しません。 ''の直前に置くか、 '$(document).ready(function(){<ここの関数>});'の中に入れてください。 –

1

あなたの入力のIDが「入力」でない限り、入力を$('input')と参照する必要があります。これは、 "input"型のすべての要素を持つjQueryオブジェクトを作成します。

$('#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); 
} 

は私が求めることができます。このコードは、ページ内に配置されています。あなたのポストで

+0

私は入力フィールドを user1366440

0

は、JavaScriptコードのこの塊がありますか?実行順序に問題がある可能性があります。

関連する問題