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);
}

使用表单验证更改DIV边框颜色

1 个答案: