Javascript - 验证空输入

Javascript - verify empty inputs

本文关键字：输入 验证 Javascript      更新时间：2023-09-26
<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>

使用上面的脚本，我想验证"名称"和"城市"表单输入是否不为空。不知何故，我无法让它工作，即使输入填充了文本，条件仍然返回 false。以下是输入：

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

我也在尝试：

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

以上方法都不适合我。这是怎么回事？

你的代码中有错误，有一个右括号太多了

改变 

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

自

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

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

这里有几件事可能是错误的

首先，你的"if"语句有一个JavaScript问题(括号太多(

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

不知道它们是否存在，就无法知道问题是什么。你还说"上述方法都对我不起作用"，但发生了什么？有什么事情发生吗，萨利你有控制台错误吗？

尝试如下：在 if 条件中存在语法错误。

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
    }
}    
<input required="required" id="name" name="name" type="text">
<input required="required" id="city" name="city" type="text">
<button onclick="showUploading()">click</button>

相关文章：