javascript – 在出错时更改文本字段边框的最简单方法

2024年1月4日 204次阅读

我试图找出在文本字段周围放置红色边框的最简单方法,如果它不遵循特定格式.我的代码是属性检测文本是否格式正确但我在检查失败时更改边框颜色时遇到问题.如果可能的话,我宁愿只使用html / css和
JavaScript,但我似乎无法弄清楚如何做到这一点.

这是我的文本框的html：

<p class="fieldtitle"> First Name </p>
<span><input type="text" class="textinput" id="fname" name="fname" /></span>

这是我的JavaScript来检查它是否格式正确：

function chkfName() {
    var myfname = document.getElementById("fname");
    var pos = myfname.value.search(/^[A-Z][a-z]+$/);

    if (pos != 0) {
        //this is where I want to change the border around the text box
        return false;
    } else
        return true;
}

最佳答案 你可以很容易地改变它！

function chkfName() {
var myfname = document.getElementById("fname");
var pos = myfname.value.search(/^[A-Z][a-z]+$/);

if (pos != 0) {
    fname.style.borderColor = "red";
    return false;
} else
    return true;

}

以下是一些文档：http://www.w3schools.com/js/js_htmldom_css.asp

点赞