html
  • dart
  • 2012-11-08 26 views 5 likes 
    5

    Powiedzmy mam postać:Prześlij formularz w Dart używając linku HTML

    <form id = "form1" action = "process.php" method = "post"> 
    ... 
    </form> 
    

    Teraz składając go z JavaScript za pomocą linku będzie wyglądać następująco:

    <a href='javascript:document.forms["form1"].submit()'>Submit</a> 
    

    Jak mam zrobić to samo z Dart-Lang?

    +0

    Nie należy używać łącza jako przycisku przesyłania dla dowolnego formularza. Musisz użyć , aby umożliwić działanie klawisza Enter. Zobacz mój post poniżej dla rozwiązania. – darkzangel

    Odpowiedz

    6

    Nie sądzę, że można użyć wbudowanego skryptu dart wewnątrz atrybutu href z <a>.

    Jednak można dodać obsługi onClick na kotwicy:

    import 'dart:html'; 
    
    main() { 
        AnchorElement a = query("#a1"); 
        a.on.click.add((e){ 
        FormElement form = query("#form1"); 
        form.submit(); 
    
        // stop event 
        e.preventDefault(); 
        e.stopPropagation(); 
        }); 
    } 
    

    A twoja kotwica może wyglądać następująco:

    <a id="a1">Submit</a> 
    

    Jeśli trzeba zachować kursor ręki (bo to już nie ma po zrobieniu bezużytecznego href) lub nadać mu inny styl, wystarczy użyć CSS:

    1

    Alexandre Ardhuin proponowały Ci dobry fory, ale trzeba użyć <input type="submit" value="Submit"> aby umożliwić użytkownikowi korzystanie klawisz enter na swoim urządzeniu mobilnym lub na swojej klawiaturze:

    <form> 
        <input type="submit" value="Submit"> 
    </form> 
    

    i kod dart:

    main() { 
        Element form = query("form"); 
        form.on.submit.add((e){ 
        // Do your stuff here... 
    
        // Stop event 
        e.preventDefault(); 
        e.stopPropagation(); 
        return false; 
        }); 
    } 
    
    Powiązane problemy