小编Chr*_*ris的帖子

使用默认验证的 Bootstrap 4 表单验证电子邮件检查

我正在尝试使用新的 Bootstrap 4 获取像 equalTo 一样验证我的表单的电子邮件。如果可能,我只想使用 Bootstrap 4 而不想包含任何其他库。我认为它只需要底部的 javascript 中的一些内容来检查匹配的字段。任何帮助表示赞赏。我很惊讶没有其他人要求这样做,或者 Bootstrap 网站上确实没有一个例子。我想这是一个普遍的要求。

<!DOCTYPE html>
<html>

<head>
  <title>JQuery-validation demo | Bootstrap</title>
  <?php
echo '<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous">';
?>
</head>

<body>
  <form class="needs-validation" novalidate>
    <div class="form-row">
      <div class="col-md-4 mb-3">
        <label for="validationCustom01">Email</label>
        <input type="Email" class="form-control" id="email" placeholder="Email" required>
        <div class="valid-feedback">
          Looks good!
        </div>
      </div>
      <div class="col-md-4 mb-3">
        <label for="validationCustom02">Confirm Email</label>
        <input type="email" class="form-control" id="confirm_email" placeholder="Confirm Email" required>
        <div class="valid-feedback">
          Emails should match
        </div>
      </div>
    </div>

    <div class="form-group">
      <div class="form-check">
        <input class="form-check-input" …
Run Code Online (Sandbox Code Playgroud)

javascript bootstrap-4

5
推荐指数
1
解决办法
1万
查看次数

标签 统计

bootstrap-4 ×1

javascript ×1