表单页面中隐藏字段的值

Question

我正在创建一个用户的仪表板（一个包含每个用户名隐藏输入的18个表单的页面）。在提交时，我试图提醒隐藏字段的值。没有成功。

样品表格：

<div class="card">
    <form>
        <p>
            <input type="hidden" name="username" class="username" value="admin@co.local">
            <i class='fa fa-user'></i>&nbsp;
            <input type="submit" name="submit" value="Admin">
        </p>
     </form>
</div>

JQUERY（不工作）

$('form').submit(function(e){
    var username = $(this).find('form').find('.username').val();

    alert(username);
    e.preventDefault();
});

Answer 1

你应该

$('form').submit(function(e){
    var username = $(this).find('.username').val();

    alert(username);
    e.preventDefault();
});