Come integrare la validazione di Jquery nel modulo web ASP .Net

2

Ho un semplice modulo per le donazioni che utilizza Validazione di Jquery e Bootstrap

Puoi vedere il modulo semplice qui: JSFiddle

Attualmente il modulo è solo semplice HTML, javascript e css. Convalida correttamente e sono contento dell'usabilità. Quello che voglio ottenere è spostare questo in un progetto ASP .Net usando i moduli web. Ma ho alcune domande su come farlo.

  1. Il mio modulo attualmente utilizza un tag modulo. Come dovrei gestirlo poiché nella mia pagina aspx c'è un modulo di default?

possono

<form id="signupForm" runat="server">

Sostituire

<form id="signupForm" method="post" class="form-horizontal" action="">
  1. In che modo il pulsante chiama il metodo di convalida nel mio javascript ora che il mio pulsante non è racchiuso in un tag form senza un'azione? Nel mio violino, ho semplicemente incluso un pulsante con button type="submit" e ha funzionato. Dovrò includere un evento onclick per chiamare la convalida?


 3. Perché vedo risultati diversi su una pagina di moduli Web, quindi mi trovo in una semplice pagina html. Ad esempio, i miei elementi di forma sono ben distanziati nel mio esempio di violino. Ma quando converto il mio progetto in un progetto di moduli web, ho problemi di spazio.

  • C'è qualcos'altro che dovrei considerare durante lo spostamento di questo progetto da semplice html / javascript / css in un progetto asp .net? Grazie per il tuo tempo!
  • posta onTheInternet 11.10.2016 - 14:51
    fonte

    1 risposta

    1

    Il motivo per cui tutti i controlli del server sono posizionati all'interno del tag è quello di consentire al motore WebForms di riconoscerli, caricare i loro valori e amp; salva i loro valori da / a ViewState. Quasi tutta l'infrastruttura di gestione dei controlli in WebForms si basa sull'idea che un tag contenga tutto ciò che si accede dal code-behind.
    1- Il mio modulo attualmente utilizza un tag form. Come dovrei gestirlo poiché nella mia pagina aspx c'è un 'form' predefinito? puoi fare affidamento su questo modulo ma devi specificare un'azione sul lato client sul pulsante di invio, se questo modulo salverà i dati nel database "molto probabilmente" allora avrai bisogno di due azioni
    Risposta:
    A) Azione On Click "Codice che verrà eseguito sul lato server"
    B) OnClientClick per convalidare il codice utilizzando Jquery

    2- In che modo il pulsante chiama il metodo di convalida nel mio javascript ora che il mio pulsante non è racchiuso in un tag form senza un'azione? Nel mio violino, ho semplicemente incluso un pulsante con un pulsante type="submit" e ha funzionato. Dovrò includere un evento onclick per chiamare la convalida?
    Risposta:
    Dipende dal modo in cui la validazione è stata completata / funzionante, se hai un semplice metodo di convalida JS, dovrai chiamare questo metodo, se è chiamato usando Plugin per nome della classe, allora dovrai specificare lo stesso nome di classe allegato a questo pulsante
    3. Perché vedo risultati diversi su una pagina di moduli Web, quindi mi trovo in una semplice pagina html. Ad esempio, i miei elementi di forma sono ben distanziati nel mio esempio di violino. Ma quando converto il mio progetto in un progetto di moduli web, ho problemi di spazio.

    Risposta:

    il modo in cui la pagina viene renderizzata su aspx è leggermente diversa rispetto al modo in cui viene eseguita il rendering in HTML, come ad esempio alcuni controlli lato server  ottenere il rendering come SPAN, il modo migliore per riconoscere la differenza è utilizzare uno strumento di terze parti come FireBug per ispezionare entrambe le pagine e confrontare l'HTML di ciascuna separatamente per riconoscere la differenza.

    4- C'è qualcos'altro che dovrei considerare durante lo spostamento di questo progetto da semplice html / javascript / css in un progetto asp .net? Grazie per il tuo tempo!

    Risposta:
    A) Costruisci un progetto vuoto, usa la stessa struttura usata in HTML (Struttura delle cartelle) altrimenti dovrai aggiornare i link / ref alle immagini / css di conseguenza
    B) se si utilizzerà una pagina master, è necessario includere alcuni file JS nella pagina principale e alcuni altri nella pagina predefinita.
    C) se si utilizza lo stesso modulo in più posizioni, utilizzare sempre i controlli Web aspx.
    Questa è la roba di base, per favore fatemi sapere se avete bisogno di altri aiuti fornendo più esempi di codice

        
    risposta data 19.10.2016 - 03:40
    fonte

    Leggi altre domande sui tag