OnClick не работает для кнопки, и еще один вопрос - PullRequest
Новая
       13

OnClick не работает для кнопки, и еще один вопрос

0 голосов
/ 10 октября 2019

Я серьезно изо всех сил пытаюсь заставить даже это простое предупреждение работать. Мне нужно создать очень простой и динамичный веб-сайт, на котором пользователь пытается войти на веб-сайт стоматологического кабинета с помощью элемента формы, в который вводятся их имя, адрес электронной почты, идентификатор и пароль. Затем они проверяют, хотят ли они получить подтверждение по электронной почте, и, в конце концов, выбирают, какую транзакцию они хотели бы завершить.

На самом деле назначение не требует от нас использования какой-либо базы данных, и нам нужно только создать двеJavascript функции. Один, который проверяет, что все поля были заполнены должным образом (называется Проверка), а другой, чтобы увидеть, находится ли этот пользователь в системе (называется Проверка). После нажатия кнопки «Продолжить» отображается простое сообщение с вашим именем и тем, что вы выполняете любую транзакцию, которую совершили.

По какой-то причине, при нажатии даже не вызовет простую функцию оповещения I 'Мы создали, и это невероятно расстраивает. Я использую Javascript неправильно? Кроме того, хорошо ли остальная часть моего кода работает по назначению. Будут ли доступны введенные пользователем данные? 

function User(name, email, password, ID) {
  this.name = name;
  this.email = email;
  this.password = password;
  this.ID = ID;
}

var User1 = new User(Kathy Pasos, kps @gmail.com, Pikachu2, 12345678);
var User2 = new User(Martha Pasqual, MarthaP @gmail.com, Pidgey79, 12652526);
var User3 = new User(Patrick Pavlick, pavlickP @njit.edu, Squirtl3, 13577710);
var User4 = new User(Joao Pedro, jps28 @njit.edu, Zubat21, 14308207);
var User5 = new User(Joe Perry, JAP @gmail.com, JE0000, 12696894);
var User6 = new User(Mario Costa, MCS @gmail.com, MC145, 07206143);

var Users = new Array(User1, User2, User3, User4, User5, User6);

function clickAlert() {
  alert('Hello');
}

function validation() {
  alert('Test');
  if (document.getElementById("email").includes("@") && document.getElementById("email").includes(".")) {
    Email = document.getElementById("email").value;
    return;
  } else {
    alert("That's not a valid email!");
    return;
  }
}
<form>
  <div class="form-group">
    <label for="text">Name:</label>
    <input type="text" class="form-control" id="text">
  </div>
  <div class="form-group">
    <label for="email">Email:</label>
    <input type="email" class="form-control" id="email">
  </div>
  <div class="form-group">
    <label for="pwd">Password:</label>
    <input type="password" class="form-control" id="pwd">
  </div>
  <div class="form-group">
    <label for="number">ID:</label>
    <input type="number" class="form-control" id="number">
  </div>
  <div class="form-check">
    <label class="form-check-label">
                <input type="checkbox" class="form-check-input" value="Confirmation">Receive 
        email confirmation of any transaction
            </label>
  </div><br>
  <label for="list">Select an Option:</list><br>
        <select name="Select an Option:" id="list">
            <option value="sched">Schedule an Appointment</option>
            <option value="cancel">Cancel an Appointment</option>
            <option value="search">Search for Appointment(s)</option>
            <option value="create">Create/Register an Account</option>
        </select><br>
        <br><div>
            <input type="button" class="btn btn-primary mb-2" onclick="clickAlert()" 
        value="Continue">
        </div>
        </form>

1 Ответ

0 голосов
/ 10 октября 2019

попробуйте это: 

<input type="submit" class="btn btn-primary mb-2" onclick={clickAlert()} value="Continue">
...