通过表单验证更改 DIV 边框颜色

Change DIV border color with form validation

本文关键字：DIV 边框 颜色 表单 验证      更新时间：2023-09-26

我正在使用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>

谢谢。

尝试这样的模式：

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);
}
相关文章：