Question

<script>
function showUploading() {

    if (document.form['form']['name'].value != "" && 
        document.form['form']['city'].value != "" )) {

        document.getElementById('submit')   .style.visibility = "hidden";
        document.getElementById('uploading').style.visibility = "visible";
    }
}                       
</script>

使用上面的脚本，我想验证“name”和“city”表单输入是否为空。不知怎的，我无法使这个工作，即使输入文本填充，条件仍然返回false。以下是输入：

<input required="required" id="name" name="name" type="text">
<input required="required" id="city" name="city" type="text">

我也在尝试：

if (document.getElementById('name').value != "")

上述方法均不适合我。这有什么不对吗？

Answer 1

您的代码中有错误，有一个结束括号

更改

if (document.form['form']['name'].value != "" && 
    document.form['form']['city'].value != "" )) {

到

 if (document.form['form']['name'].value != "" && 
    document.form['form']['city'].value != "" ) {

Answer 2

if(  document.getElementById("ValidateUsename").innerHTML =="")
{
alert("box is empty")
}

Answer 3

这里有几件事可能有问题

首先你在'if'语句（括号太多）

上有一个javascript问题

您正在使用['form']，但没有显示任何表单元素。你有document.getElementById('submit')，但没有显示提交元素，你有document.getElementById('uploading')，但没有上传元素。

如果不知道它们是否存在，就无法知道问题所在。你还说'上述方法都不适用于我'但是发生了什么？发生了什么事，你有控制台错误吗？

Answer 4

尝试这样：if条件有语法错误。

＆＃13;

function showUploading() {

    if (document.getElementById('name').value.trim() != "") {// trim to avoid initial spaces
            alert(document.getElementById('name').value);
        //document.getElementById('submit')  .style.visibility = "hidden";
        //document.getElementById('uploading').style.visibility = "visible";
      
      //rest of your code
    }
}

＆＃13;

<input required="required" id="name" name="name" type="text">
<input required="required" id="city" name="city" type="text">

<button onclick="showUploading()">click</button>

＆＃13;

Javascript - 验证空输入

4 个答案: