Javascript检查验证和更改文本框颜色

Javascript to check validation and change textbox color

本文关键字:文本 颜色 检查 验证 Javascript      更新时间:2023-09-26

查看代码:

<script type="text/javascript">
    function ValidateTextBox(source, args) {
        var is_valid = false;
        //Regex goes here
        var regex = /^[a-z A-Z]+$/;
        var check = regex.test($('tbName').val()); //Checks the tbName value against the regex
        if (check == true) {
            //If input was correct
            is_valid = true;
        }
        else {
            //If input is not correct
            $("tbName").css(("background-color", "#A00000"), ("border-color", "#780000"));
        }
        args.IsValid = is_valid; //Returns validity state
    }
</script>

我试图检查一个文本框的输入,所以它的唯一字符之间的a和z,和a和z,但它仍然返回真,即使输入像"1245"。

为什么会这样?

谢谢

$('tbName')可能不是有效的选择器。

你的意思是选择一个类吗?

$(.tbName')

id= tbName的元素呢?

$('#tbName')

还有,你为什么要这样做?在函数外部无法访问,因为它是传递给函数的一个局部变量(通过它的参数)

args.IsValid = is_valid;

你可以做一个简单的返回:

function ValidateTextBox() {
    var regex = /^[a-z A-Z]+$/;
    return regex.test($('#tbName').val());
}