如何在javascript中为放置在引导模式中的表单设置密码和用户名

How to set password and username in javascript for a form placed inside a bootstrap modal

本文关键字：设置 表单 密码 用户 模式 javascript      更新时间：2023-09-26

我已经使用bootstrap 3设置了一个登录模式，如链接中所述

http://bootstrapvalidator.com/examples/modal/

在JavaScript代码中，如何将登录表单的用户名和密码设置为特定值。我还在学习html和css。我对javascript了解不多。

$('input[name="username"]').val('user');
$('input[name="password"]').val('password')

http://jsfiddle.net/sp5fcaLm/

虽然我不确定直接设置密码是最好的主意。

您可以尝试：

HTML代码：

<div class="modal fade" id="loginModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog">
    <div class="modal-content">
        <div class="modal-header">
            <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
            <h4 class="modal-title">Login</h4>
        </div>
        <div class="modal-body">
            <!-- The form is placed inside the body of modal -->
            <form id="loginForm" method="post" class="form-horizontal">
                <div class="form-group">
                    <label class="col-sm-3 control-label">Username</label>
                    <div class="col-sm-5">
                        <input type="text" class="form-control" name="username" id="username" />
                    </div>
                </div>
                <div class="form-group">
                    <label class="col-sm-3 control-label">Password</label>
                    <div class="col-sm-5">
                        <input type="password" class="form-control" name="password" id="password" />
                    </div>
                </div>
                <div class="form-group">
                    <div class="col-sm-5 col-sm-offset-3">
                        <button type="submit" class="btn btn-default">Login</button>
                    </div>
                </div>
            </form>
        </div>
    </div>
</div>

和javascript代码：

$('#loginModal').on('shown.bs.modal', function() {
      $('#username').val('example@gmail.com');
      $('#password').val('123456');
});

记住包括twitter引导程序。这里是

相关文章：