如何使用javascript函数检查字段是否已填充数据

How to check if a field has been populated with data using a javascript function?

本文关键字：是否 填充 数据 字段 检查 何使用 javascript 函数      更新时间：2023-09-26

请注意，我是一个初学者在javascript。我用谷歌搜索了所有可能的术语，但没有运气。我想知道是否存在一个javascript函数，可以用来检查一个字段是否已经使用另一个javascript函数填充了数据。没有库，因为我想知道javascript编程的基础。

编辑:

我只是想澄清一下我所处的那个场景。

我有3个输入字段。这些字段的值由另一个javascript函数自动分配。我想做的是当这个字段有他们的尊重值，我想创建一个新的输入字段，将计算3个字段的值的总和。

作为新手，请尝试这整个HTML代码与Javascript代码。

<!DOCTYPE html>
<html>
<head>
<script>
function copyText()
{
var TextValue = document.getElementById("field1").value
if(TextValue !=''){
alert(TextValue);
}
alert();
}
</script>
</head>
<body>
 <input type="text" id="field1" value="Hello World!"><br>
<button onclick="copyText()">Copy Text</button>
</body>
</html>

希望对你有所帮助

//Html Code
<input type="text" value="sdsd" onChange="checkValue(this.value)">

//Java Script Code
function checkValue(value){
    if((value).trim()!==""){
       alert('return true');   
    }
    else{
        alert('return false');   
    }
}

//HTML line:

<input type="text" id="txtAddress" />
        //JS code:

function setValue() {
        //first we set value in text field:
            document.getElementById('txtAddress').value = 'new value';
            TestFunction();
        }

        function TestFunction() {
        //second we will get value from this filed and check wether it contains data or not:
            var address = document.getElementById('txtAddress').value;
            if (address != "") {
                alert("Yes, field contains address");
            }
            else {
                alert("Empty field, there is no address");
            }
        }

我不知道你想达到什么目的。

如果你想检查字段的输入是否是用Javascript做的:没有办法做到这一点，除非你的Javascript输入函数将这些信息存储在某个地方(例如，向修改的对象添加特定的类)。然后您可以执行以下操作:

如果你想检查字段中是否有任何值，那么你可以使用onchange(更改触发器，你可以将对象传递给函数并获得附加到它的每个属性-值，类等)。

的例子:

function changeValue( object )
{
    object.value = "new value";
    object.classList.add("modified");
}
function isChanged( object )
{
    if( object.classList.contains("modified") )
        alert("I'm modified by JS!");
}
<input type="text" id="first" onchange="isChanged(this)">

我写JS已经有一段时间了，但这应该可以工作。

编辑:现在我只记得onchange触发器，如果元素被用户编辑，从而使onchange检测毫无价值。那么，您可以使用以下函数来设置interval:

function getModified() {
    // somehow process with
    // document.getElementsByClassName("modified"); 
} 
setInterval( getModified(), 3000 ); // get JS modified elements every 3s

假设这是你的html字段(例如文本输入):

<input type="text" id="txtName" />

为了得到它的值与javascript，使用document.getElementById('txtName').value -例如:

function alert_value() {
    var value = document.getElementById('txtName').value;
    alert(value);
}

希望对你有帮助。

编辑:

如果这个文本字段是动态添加的，我建议包括jQuery并设置以下脚本:

$(function(){
    $(document).on('keyup', '#txtName', function(){ alert($(this).val()) });
});
相关文章：