1

onclickでイベントを追加してbuttonデータを収集するために使用form elementしHTML5ます。

<input type="email" id="addEmail" name="addEmail"  placeholder="user@sample.com" value="" required="" title="" />

タイプがemailであり、require属性が存在するため、ブラウザは適切に構造化された電子メール アドレスをチェックしますonsubmit。値が失敗した場合、ユーザーが値を修正する必要があることを示すメッセージが入力の下に表示されます。

たとえば、正規表現を使用することもできます

<input type="password" id="addPassword" name="addPassword"  placeholder="Password" value="" required="" pattern="^(?=.*\d)(?=.*[a-z])(?=.*[A-Z])[0-9a-zA-Z]{8,}$"  title="" />

一緒にあなたが持っている

<script>
function userAdd(){
    *** xmlhttprequest code *******
    return false;
}
</script>

<html>
<form action="admin" method="post" onsubmit="return userAdd();">
<input type="email" id="addEmail" name="addEmail"  placeholder="user@sample.com" value="" required="" title="" />
<input type="password" id="addPassword" name="addPassword"  placeholder="Password" value="" required="" pattern="^(?=.*\d)(?=.*[a-z])(?=.*[A-Z])[0-9a-zA-Z]{8,}$"  title="" />
<input type="submit" value="Submit" />
</form>
</html>

フォーム要素を動的に生成するときは、イベント ハンドラーをアタッチする必要があります。

f = document.createElement('form');

addEventHandler(f,'submit', function(){userAdd()});

function addEventHandler(elem,eventType,handler) {
     if (elem.addEventListener)
         elem.addEventListener (eventType,handler,false);
     else if (elem.attachEvent)
         elem.attachEvent ('on'+eventType,handler); 
    }
}

デフォルトの送信機能を維持したい理由は、組み込みの HTML5 機能のためです。

EventHandler で unsubmit を動的に追加するときに、onsubmit="return groupAdd()" と同じ機能を作成するにはどうすればよいですか?

4

1 に答える 1