Pokaż przycisk Przesyłania dopiero po sprawdzeniu sprawdzania formularza?

1. Jak włączyć przycisk, gdy formularz jest prawidłowy?
2. Jak sprawić, by przycisk przesyłania wyłączy się do momentu wypełnienia formularza?
3. Jak sprawdzić, czy przycisk przesyłania jest sprawdzony?
4. Jak zatrzymać przesyłanie formularza, jeśli walidacja się nie powiedzie?

Jak włączyć przycisk, gdy formularz jest prawidłowy?

Użyj niepełnosprawnego = ”@(! kontekst. VALIDATE ()) atrybut dla komponentu przycisku przesyłania w celu sprawdzania formularza w celu wyświetlenia i włączenia lub wyłączenia przycisku. Jeśli komunikat o błędzie występuje w sprawdzaniu poprawności formularza, przycisk jest wyłączony.

Jak sprawić, by przycisk przesyłania wyłączy się do momentu wypełnienia formularza?

Wystarczy kliknąć F12 w przeglądarce, znajdź przycisk Prześlij w HTML, a następnie usuń wyłączone ! Zgłębia się formularz, nawet jeśli dane wejściowe są puste. @Elnaz oczywiście nie jest użyteczny jako bezpieczeństwo, a wszelkie dane dostarczane przez użytkownika muszą być traktowane jako potencjalny atak. Ale w wielu przypadkach jest to dobry UX.

Jak sprawdzić, czy przycisk przesyłania jest sprawdzony?

Gdy użytkownik kliknie przycisk Przesyłania formularza, zdarzenie JavaScript OnSubmit wywoła funkcję. W naszym przykładzie wywołujemy funkcję ValidationEvent () po przesłaniu formularza. To najpierw potwierdzi pola formularza i zwróci wartość logiczną albo prawdziwą lub fałsz.

Jak zatrzymać przesyłanie formularza, jeśli walidacja się nie powiedzie?

Możemy powstrzymać formularz przed złożeniem, podając „powrót fałsz”; Wartość wydarzenia onSubmit. Dawanie tej wartości zdarzeniu sprawia, że ​​formularz nic nie zwraca i zapobiega jego zgłoszeniu, a także odświeżaniu przeglądarki.