JQuery-Eingabe [Name = ""] wird in Firefox nicht erkannt

Question

Ich habe einen JavaScript-Code, der den Inhalt einer HTML-Textbox liest und an IE und Chrome arbeitet, aber von Firefox nicht erkannt wird.

HTML-Code:

<div id="SetInner_Form">     
    <form name="Set_Password" method="post" action=""> 
     Email Address &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 
     <input class="Auth" name="SetPwd_Username" type="text"/><br/><br/> 
     New Password &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<input class="Auth" name="SetPwd_NewPwd" type="password"/><br/><br/> 
     Retype Password &nbsp;<input class="Auth" name="SetPwd_RetypePwd" type="password"/><br/><br/> 
     <div id="SetPwdResultWrapper"> 
      <div id="SetPwdResult" class="Validation_2"></div><br/> 
     </div> 
     <div id="RedirectLink" align="center" class="NoDisplay">Click <a href='https://localhost/webapp/index.aspx'>here</a> to go to main page</div><br/> 
    </form> 
    <div id="SetPwdBtnWrapper"> 
     <input id="SetPwdBtn" name="SetPwdBtn" type="submit" value="Confirm" align="center"/> 
    </div> 
    <img id="LoadingIcon_auth"/> 
</div> 

Javascript-Code:

$("input[name=SetPwd_Username]").val() 

Exception (auf Firefox-Konsole):

Uncaught exception: Syntax error, unrecognized expression: input[name=SetPwd_Username 

JQuery Version ist: jquery-1.6.4.min. js

Th Das seltsame Teil ist, kann Firefox die anderen HTML-Elemente mit Ausnahme der SetPwd_Username

erkennen Ich fehle etwas?

Answer 1

Basierend auf Ihrer Fehlermeldung, vergessen Sie das Schließen ] im Selektor.

Dies:

"input[name=SetPwd_Username" 

nicht gültig sein, und erzeugt die genaue Fehlermeldung.

---

Chrome gibt keinen Fehler für den ungültigen Selektor. Es scheint, dass seine .querySelectorAll() Implementierung es nicht so ablehnt, wie es sollte. Das ist der Grund für den Unterschied.

Da Firefox den Selektor korrekt zurückweist, wird standardmäßig die Sizzle-Engine verwendet, die den Fehler auslöst. Da Chrome es nicht ablehnt, erhalten Sie den Fehler nicht.

Answer 2

Versuchen Sie, den Namen des Feldes in einfache Anführungszeichen zu setzen.

$("input[name='SetPwd_Username']").val() 
      ^here  ^and here 

Answer 3

müssen Sie bemerken: eine diffirence zwischen CSS und jQuery, dass sysmbon "'" ist in jquery

$("input[name='SetPwd_Username']") 

und in css

input[name=SetPwd_Username]{ 
}