Форма HTML и JS

267

29 марта 2018, 07:24

Пользователю нужно ввести один из кодов, которые записаны в массиве var accept
Если код из переменной совпадает, пользователя перекидывает на другой сайт, если неверный - вылезает alert("Код неверный")

var accept = [ 
  1234, 
  6523, 
  4578, 
  4562 
]; 
 
function submit() { 
  "use strict"; 
  alert("Success(no)"); 
  if (input === accept) { 
    alert("Вы вошли"); 
  } else { 
    alert("Код неверный"); 
  } 
}

<form> 
  <legend>Код</legend> 
  <a>Извините, но для доступа к сайту нужно ввести код</a> 
  <br><input type="text" placeholder="Код"> 
  <br><input type="submit" value="Проверить" class="inp" onClick="submit()"> 
</form>

Answer 1

Попробуйте так...

var accept = [ 
  1234, 
  6523, 
  4578, 
  4562 
]; 
 
function onSubmit(form) { 
  if (accept.indexOf(+form.code.value) > -1) { 
    alert("Вы вошли"); 
		form.submit(); 
  } else { 
    alert("Код неверный"); 
  } 
}

<form> 
    <legend>Код</legend> 
    <a>Извините, но для доступа к сайту нужно ввести код</a> 
    <br><input type="text" name="code" placeholder="Код"> 
    <br><input type="button" value="Проверить" class="inp" onclick="onSubmit(this.form)"> 
</form>

Answer 2

UPD: исправил ошибку с буквами

function ArrayStringify(array) 
{ 
  var temp = new Array(); 
  for (var i = 0; i < array.length; i++) 
  { 
    temp[i] = array[i].toString(); 
  } 
  return temp;  
} 
 
var accept = [ 
  1234, 
  6523, 
  4578, 
  4562 
]; 
 
 
document.getElementById("pass").onsubmit = function() { 
  alert("Success(no)"); 
 
    var code = document.getElementById("password").value; 
    var formattedArray = new Array(); 
    formattedArray = ArrayStringify(accept); 
 
     
  if (formattedArray.indexOf(code) != -1) { 
    alert("Вы вошли"); 
  } else { 
    alert("Код неверный"); 
    return false; 
  } 
}

@import url('https://fonts.googleapis.com/css?family=Montserrat'); 
 
body, input { 
font-family:"Montserrat"; 
} 
input { 
width:400px; 
box-sizing:border-box; 
}

<form id="pass"> 
  <h1>Код</h1> 
  <a>Извините, но для доступа к сайту нужно ввести код</a> 
  <br><input type="text" placeholder="Код" id="password"> 
  <br><input type="submit" value="Проверить" class="inp"> 
</form>