У меня проблема с проверкой в html. Я использую.validate() плагина проверки, но не работает для меня. может кто-нибудь помочь мне от моей проблемы? У меня есть два имени в каждом из моих. Массив данных, которые я использовал при вставке в базу данных. Это конфликт? что мне делать, поскольку требуется, чтобы нам понадобилось использовать массив для вставки данных в базу данных? Я уже пытаюсь поставить "#" и "данные [0]" в свои правила, чтобы искать, но все еще не работал.
Примечание. Validation.js служил моим плагином для проверки, который я загрузил в Интернете. Плагин JQuery Validation 1.11.1. И jquery.js служил JQuery 1.8.3.
Вот мой код.
<html>
<head>
<script type="text/javascript" src="jquery.js"></script>
<script src="jquery-ui-1.10.4.custom/js/jquery-ui-1.10.4.custom.min.js"></script>
<script src="loginBouncy.js"></script>
<script src="modal.js"></script>
<script type="text/javascript" src="validation.js"></script>
<script src="validate.js"></script>
<form id="mainform" name="mainform" method="post" action="SignUp2.php">
<input type="text" name="data[]" id="fname" name="fname" placeholder="First Name"/>
<input type="text" name="data[]" id="lname" name="lname" placeholder="Last Name"/>
<input type="text" name="data[]" id="mname" name="mname" placeholder="M.I."/>
<input type="text" name="data[]" id="sadd" name="sadd" placeholder="Street"/>
<input type="text" name="data[]" id="tadd" name="tadd" placeholder="Town/City"/>
<input type="text" name="data[]" id="padd" name="padd" placeholder="Province/State"/>
<input type="text" name="data[]" id="user2" name="user2" placeholder="Your Username"/>
<input type="password" name="data[]" id="pass2" name="pass2" placeholder="Your Password">
<input id="captcha" name="captcha" type="text" name="captcha" placeholder="Insert Captcha">
<img id="imgcaptcha" src="captcha.php" /><br>
<input type="text" name="data[]" id="email" name="email" placeholder="Your Email"/>
<input type="button" id="btnSignUp" placeholder="" onclick=""/>
</input>
<p id="confirm" style="font-size:15pt; position:absolute; top:450px; left:850px; ">dfgfdgdf</p>
</form>
</html>
my validate.js
$(document).ready(function(){
$('#btnSignUp').click(function(){
$('#mainform').validate({
rules:
{
fname:
{
required: true,
minlength: 7
}
},
success: function(){
alert("valid");
}
});
});
});
Есть несколько проблем.
Валидатор использует имя поля ввода, у вас есть 2 атрибута имени в поле ввода remove name="data[]"
, это должно быть как <input type="text" id="fname" name="fname" placeholder="First Name"/>
Валидация автоматически применяется к событию отправки формы, поэтому измените btnSignUp
на type="submit"
<input type="submit" id="btnSignUp" placeholder="" value="Sign Up" />
Кроме того, структура validate должна быть инициализирована на dom ready, а не в обработчике кликов
jQuery(function ($) {
$('#mainform').validate({
rules: {
fname: {
required: true,
minlength: 7
}
},
success: function () {
alert("valid");
}
});
$('#btnSignUp').click(function () {
});
});
Демо: скрипка
onclick=""
прикрепляется во входном теге, сначала удалите его и посмотрите, что происходит?