Javascript-форум - Смена настроек css для следующего блока через javascript

Есть функция которую я хочу вызывать через 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);}