Всего-то нужно проверить заполнены ли они более чем 6тью символами каждый при нажатии кнопки сабмит.
Использовать ли под это дело jQuery Validation, jQuery Form или можно обойтись более простым методом?
Если можно обойтись без jQuery, то подскажите плз направление или кусок кода. Как реакцию на пустые поля (или<6) достаточно диалога alert и не пропустить форму на action.
function check() {
if ((document.getElementById('username').value.length < 6) || (document.getElementById('password').value.length < 6)) {
alert('username and password must be at least 6 chars long');
return false;
}
}
</script>
А можно так (вместо forms[0] - getElementById('myform'))?
Оно то работает но насколько это корректный\кроссбраузерный код:
Код:
<script type="text/javascript">
function check () {
if ( document.getElementById('myform').username.value.length < 6 ) {
alert('Username must be at least 6 symbols in length.');
return false;
}
else if ( document.getElementById('myform').password.value.length < 6 ) {
alert('Password must be at least 6 symbols in length.');
return false;
}
Первый вариант более подошёл, так как он конкретно указывает какое из полей заполнено не верно и не вынуждает добалять в форму дополнительных надстроек в виде id для полей input.. Хотя воторой вариант заметно короче.
Вот только form[0] не понравилось при наличии уже готового id="myform" у формы.
К текстовым полям можно и по имени обращаться, а функцию изолировать, передавая туда форму.
Код:
<html>
<head><title>Form</title></head>
<body>
<script type="text/javascript">
function isValid(myForm){
if(myForm.elements["username"].value.length < 6 || myForm.elements["password"].value.length < 6){
alert('username and password must be at least 6 chars long');
return false;
}
return true;
}
</script>
пользуй
