[jQuery] Ottenere informazioni su un attributo css

[AlexanderPD]

Salve, prima di scrivere questo thread ho letto numerose guide senza però venire a capo del mio problema
Ho una serie di <input> ed un tasto che alla fine deve verificare che l'attributo "border" di questi <input> sia in un certo modo.
Il codice che stò provando ora è:

$("form").submit(function() {
                alert($("input1").css("border"));
            });

ma ottengo ogni volta "undefined" come output, non riusciendo ad ottenere il dato di cui ho bisogno

l'html della casella input1 è

<input name="input1" id="input1" type="text"  class="test"/>

Un altra cosa che non mi è chiara è perché l'alert funzioni visto che il mio form ha sia come nome che come id "corpo" e non "form", mi sa che sto facendo una grossa confusione Qualcuno potrebbe schiarirmi le idee?

Grazie mille!

[poyel]

Originariamente inviato da AlexanderPD

$("form").submit(function() {
                alert($("input1").css("border"));
            });

ma ottengo ogni volta "undefined" come output, non riusciendo ad ottenere il dato di cui ho bisogno

C'è un piccolo errore nella sinstassi jquery.

http://api.jquery.com/category/selectors/

In questa pagina viene spiegato l'uso dei selettori di jquery, ad esempio:

$("#id1") si riferisce ad un nodo con id="id1"
$(":form") si riferisce a tutti i form della pagina
$(".class1") si riferisce a un nodo con class="class1"

[AlexanderPD]

eheh vero grandissima svista!! :P
ora però se metto #input1 l'alert non mi ritorna proprio niente, come se non ci fosse settato nessun attributo "border"
Per "non ritorna niente" intendo che si apre il popup senza nessuna scritta, solo il tasto ok

il border lo setto tramite l'uso di <style>, quello di prova che ho fatto è

            input.test
            {
                padding:3px;
                font-size:12px;
                border:3px #CCC solid;
            }

Cosa potrei star sbagliando?

[Xinod]

se posso, setta e testa classi piuttosto che singole proprieta' css

con jquery setti e rimuovi classi con facilita', in piu' hai .is('.nomeClasse') o .hasClass('nomeClasse') per verificare in quale "stato" si trovi il tuo elemento

ciao

[AlexanderPD]

Grazie a tutti finalmente funziona! ^__^

con lo script

            $("form").submit(function() {
                if ($("#input1").hasClass("test"))
                {
                    $("span").text("Invio informazioni in corso..").show();
                    return false;
                }
                $("span").text("Non tutti i campi fondamentali son stati riempiti!").show().fadeOut(5000);
                return false;
            });

riesco ad intercettare lo stato delle classi della casella in questione, mentre per settarla, considerando che ho un totale di 3 classi (wrong, correct e test) faccio

$("#input1").removeClass("test wrong").addClass("correct");

Grazie mille a tutti!!