Я довольно новичок в разработке для Интернета, и сейчас я работаю над формой регистрации для веб-сайта, чтобы сайт мог принимать новых пользователей. Создание формы до сих пор было довольно безболезненным с помощью большого интернет-Интернета, но недавно я столкнулся с проблемой того, как проверять определенную информацию в моей форме перед отправкой для реального запроса к базе данных.Проблемы с подтверждением формы регистрации
Поэтому у меня есть следующий вид:
И входные поля работают как задумано большую часть пути. Они мигают красным цветом, если они не заполнены и просить ввода:
, когда дело доходит до полей E-mail Кроме. Они должны быть одинаковыми, а не только действительными электронными письмами, как предполагает сайт. Поэтому, даже если у вас есть два совершенно разных письма в этих двух областях, если они действительны, электронные письма будут приняты.
Ниже приведен HTML за формой:
<!-- Container Start -->
<div id="container">
<div id="container_body">
<div>
<h2 class="form_title">Sign Up for a Collectors Account Here!</h2>
</div>
<!-- Form Start -->
<div id="form_name">
<div class="FirstAndLastName">
<form name="form">
<div id="errorBox"></div>
<input type="text" required value="" name="Name" value="" placeholder="First Name" class="input_name">
<input type="text" required value="" name="LastName" value="" placeholder="Last Name" class="input_name">
</div>
<div id="email_form">
<input type="email" required value="" name="Email" value="" placeholder="Your Email" class="input_email">
</div>
<div id="Re_email_form">
<input type="email" required value="" name="enterEmail" value="" placeholder="Re-enter Email" class="input_Re_email">
</div>
<div id="password_form">
<input type="password" required value="" name="Password" value="" placeholder="Your Password Here" class="input_password">
</div>
<div>
<script>
$(function() {
$("#datepicker").datepicker({
inline: true,
showOtherMonths: true,
dayNamesMin: ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat']
});
});
</script>
<h3 class="birthday_title">Birthday</h3>
<input type="text" required value="" id="datepicker">
</div>
<div id="radio_button">
<input type="radio" name="radiobutton" value="Female" checked="true">
<label>Female</label>
<input type="radio" name="radiobutton" value="Male">
<label>Male</label>
</div>
<div>
<input type="submit" value="Sign Up" onclick="Submit()">
</div>
</form>
</div>
<!-- Form Ends -->
</div>
</div>
<!-- Container Ends -->
А вот JavaScript Я использую:
function Submit() {
var myForm = document.forms[0];
var MyFormElements = myForm.elements;
for (var i in myFormElements) {
var element = myFormElements[i];
if (!element.willValidate) {
continue;
}
element.addEventListener('invalid', function (e) {
document.getElementById("errorBox").innerHTML = "Invalid Input Detected";
myForm.classList.add('validated');
});
}
if($('#Re_email_form').attr('value') != $('#email_form').attr('value')) {
event.preventDefault();
}
}
Таким образом, вопрос, как я могу сделать эту проверку формы, если и по электронной почте поля содержат одни и те же значения и останавливают процесс отправки с сообщением об ошибке, если они не совпадают?
У меня также есть второй вопрос, который немного не соответствует теме. Когда вы отправляете эту форму, кажется, что пароль хранится как обычный текст, даже если это сделано в поле пароля. Я понимаю, что веб-сайт, на котором я работаю, будет иметь сертификат SHA-2, который также будет сопровождать такие вещи, как вход в систему Facebook (что делает это обязательным), но как мне обойти это? Использовать алгоритм для шифрования, прежде чем пытаться отправить его в качестве нового пользователя в моей базе данных?
Опять же, я довольно новичок в этом, поэтому заранее приношу свои извинения за достойный код и практику. Вся помощь, которую я могу получить, очень приветствуется.
'атр ('значение')' не то же самое, что и свойство элемента 'value' что вы используете 'val()' ...используйте последний элемент управления формы – charlietfl
А, это объяснит это. Хорошо знать. Благодаря! – OmniOwl
в основном атрибут не будет обновляться при вводе пользователя – charlietfl