"document.formName" non è definito?

Question

Ho un sito ASP.NET in esecuzione localmente sul mio sistema XP utilizzando IIS Express. Esiste una versione live del sito in esecuzione su un server Windows.

Nelle pagine Web, spesso il Javascript farà riferimento a un modulo sulla pagina utilizzando lo stile document.formName, dove formName è il nome del modulo. Per quanto ne so, questo è un metodo cross-browser, insieme a document.forms.formName e document.forms[0] e così via.

Sul mio sito di sviluppo locale, gli errori di riferimento document.frm1 (noto, cattiva pratica di denominazione); non è definito. D'altra parte, document.forms.frm1 funziona bene. Stranamente, questo non si verifica sul server, sebbene entrambe le pagine siano identiche per quanto riguarda il codice. Ho ricontrollato Firebug e IE8 e Firefox 6.

Un'altra parte strana: il controllo con Firebug, document.frm1 non è definito, ma document.frmClose (un altro modulo) esiste! Eh ?!

Chiunque abbia provato questo prima?

Answer 1

EDIT 1

ho fatto alcuni esperimenti, e ha scoperto che la proprietà id viene utilizzata per document.forms, mentre la proprietà name sembra essere usato per document.formName

http://jsfiddle.net/GVjsv/

---

Risposta originale

Assicurarsi che il tuo javascript non sia in esecuzione prima che il DOM sia pronto. Un modo per aiutare è quello di mettere il javascript in fondo alla pagina, o se si sta utilizzando un framework essere sicuri di inserire il codice in una funzione ready tipo:

jQuery: http://api.jquery.com/ready/

Mootools: http://mootools.net/docs/core/Utilities/DomReady

Vanilla javascript:

window.onload = function() { 
    // Code to be run. 
} 

la ragione per cui questo non è coerente tra i server potrebbe essere che il server di sviluppo locale carica la pagina più velocemente di quanto il vivo SE rver fa. Il tempismo si risolve in modo che di solito non ottengano lo stesso errore in entrambi i punti - l'enfasi viene aggiunta perché se hai provato abbastanza volte, probabilmente sarai in grado di riprodurre l'errore in entrambe le posizioni.

Answer 2

Si consiglia di non utilizzare l'attributo nome per scopi di identificazione JavaScript. Invece, fornire l'id elemento e utilizzare

document.getElementById("elementId"); 

ad es.

<form id="form1"></form> 
<script> 
    var form = document.getElementById("form1"); 
</script> 

Answer 3

per ottenere il nome attributo aggiunto al tuo modulo elemento è necessario aggiungere ...

<system.web> 
    <pages controlRenderingCompatibilityVersion="3.5" /> <!-- http://www.asp.net/whitepapers/aspnet4/breaking-changes --> 
</system.web> 

... al tuo web.config

Answer 4

La soluzione migliore per questo è qui sotto:
Basta aggiungere un alloggio nome nel tag form


Se si utilizza il codice sottostante

<form id="form1"></form> 
<script> 
    var form = document.form1; //getting undefined error here 
</script> 

Quello che è necessario eseguire è:
add "nome" proprietà nel tag form come qui di seguito

<form id="form1" name="form1"></form> 
<script> 
var form = document.form1; //Now it will work fine and provide the correct value 
</script>