Изменить цвет границы DIV с подтверждением формы

Question

Я использую DIV «find_frame» для обертывания поля ввода.

мне нужно изменить DIV «find_frame цвет границы, если проверка останавливает представить.

Как мне это сделать?

<form> 
    <div class="find_frame"> 
     <input type="text" id="find" name="find" placeholder="Enter Number"> 
    </div> 
    <input id="findbutton" type="button" value="FIND ME"> 
</form> 

Спасибо.

Answer 1

Попробуйте шаблон, как это :

var $ff = $('.find_frame'); 
var $input = $('#find'); 
var $button = $('#findbutton'); 

function PUTVALIDATIONHERE(value) { 
    return false; 
} 

$button.click(function() { 
    var value = $input.val(); 
    if (!PUTVALIDATIONHERE(value)) { 
     $ff.css("borderColor", "red"); 

     // or use a css class 
     $ff.addClass('validationError'); 
    } 
}); 

Если валидация необходима, чтобы проверить, является ли вход номер или нет, замените функцию PUTVALIDATIONHERE с этим:

function isNumeric(n) { 
    return !isNaN(parseFloat(n)) && isFinite(n); 
}