html - HTML リンクを使用して Dart でフォームを送信する

Question

私がフォームを持っているとしましょう：

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

リンクを使用して JavaScript から送信すると、次のようになります。

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

Dart-langで同じことを行うにはどうすればよいですか?

Answer 1

hrefの属性内でインラインダーツスクリプトを使用できないと思います<a>。

ただし、 onClick ハンドラーをアンカーに追加できます。

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 id="a1">Submit</a>

ハンド カーソルを保持する必要がある場合 (無駄な を取得した後になくなったためhref)、またはスタイルを変更する必要がある場合は、CSS を使用してください。

a {
    cursor: pointer;
    color: #00f;
    text-decoration: underline;
}

a:hover {
    text-decoration: none;
}

Answer 2

Alexandre Ardhuin は、良いスタートを切りましたが<input type="submit" value="Submit">、ユーザーがモバイル デバイスまたはキーボードで Enter キーを使用できるようにするには、 a を使用する必要があります。

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

そしてダーツコード：

main() {
  Element form = query("form");
  form.on.submit.add((e){
    // Do your stuff here...

    // Stop event
    e.preventDefault();
    e.stopPropagation();
    return false;
  });
}