Есть функция которую я хочу вызывать через validtext(name); не прописывая ClassName, но в таком формате не работает строка для обработки следующего блока
function validtext($text) {
$text[0].next(".error_block").css("display","block");}
При вызове функции через ClassName всё работает в таком формате, но меня это не устраивает
$( document ).ready(function() {
$(".text_valid").after("<p class='error_block'>Поле не заполнено!!!</p>");
$(".text_valid").change(function(){
var text_val = $(this)[0].value;
if (text_val == "" || text_val == " ") {
$(this).removeClass("accept");
$(this).addClass("error");
$(this).next(".error_block").css("display","block");
} else {
$(this).removeClass("error");
$(this).addClass("accept");
$(this).next(".error_block").css("display","none");
}
});});
<input type="text" class="text_valid" placeholder="Имя" name="name">
<p class='error_block'>Поле не заполнено!!!</p>
Что я делаю не так?
PS Javascript не знаю, изучаю на ходу по необходимости.
Вызов функции при отправке формы
function valid(form){
var name = document.getElementsByName("name");
validtext(name);}