Javascript 如何使用JS验证元素是否存在于表单中 //这里我要检查表单验证 //如果我使用的for循环txtbox2在我的表单中不存在，那么我会得到Js错误 //不要编写单独的验证 //检查元素是否存在如果存在检查验证 //我需要知道如何检查元素是否存在

您可以获取对元素的引用，并检查该引用是否为null：

<pre>
<script>
// here i want to check form validation
//if i use for loop txtbox2 is not exist in my form so i am getting Js error


//Don't write individual validation
//check element is exist or not if exist check for validation

//I need know how to check an element is exist or not
</script>

<form
<input type="text" id="txtbox1" name="txtbox1" />*
<input type="text" id="txtbox3" name="txtbox3" />*
<input type="text" id="txtbox4" name="txtbox4" />*
<input type="text" id="txtbox5" name="txtbox5" />*
<input type="text" id="txtbox15" name="txtbox15" />*
<input type="text" id="txtbox28" name="txtbox28" />*

</pre>

---

for（var i=1；i对其应用
class
：

var elems = document.getElementById('IdOfTheForm').elements;
for (var i=0; i<elems.length; i++) {
  var elem = elems[i];
  if (elem.tagName == 'INPUT' && elem.type == 'text' && elem.id.length > 6 && elemt.id.substr(0,6) == 'txtbox') {
    ...
  }
}



然后像这样继续：

<input type="text" id="txtbox1" name="txtbox1" class="txt" />
<input type="text" id="txtbox3" name="txtbox3" class="txt" />
<input type="text" id="txtbox4" name="txtbox4" class="txt" />
<input type="text" id="txtbox5" name="txtbox5" class="txt" />
<input type="text" id="txtbox15" name="txtbox15" class="txt" />
<input type="text" id="txtbox28" name="txtbox28" class="txt" />

function validate(){
  var elms = document.getElementsByTagName('input');

  for (var i = 0; i < elms.length; i++){
    if (elms[i].className === 'txt'){
      if (elms[i].value === ''){
          alert('Make sure to fill in all required fields');
          // now focus it
          elms[i].focus();
          return false;
      }
    }
  }

  return true;
}

函数验证（）{
var elms=document.getElementsByTagName（'input'）；
对于（变量i=0；i

然后像这样调用上面的函数：

<input type="text" id="txtbox1" name="txtbox1" class="txt" />
<input type="text" id="txtbox3" name="txtbox3" class="txt" />
<input type="text" id="txtbox4" name="txtbox4" class="txt" />
<input type="text" id="txtbox5" name="txtbox5" class="txt" />
<input type="text" id="txtbox15" name="txtbox15" class="txt" />
<input type="text" id="txtbox28" name="txtbox28" class="txt" />

function validate(){
  var elms = document.getElementsByTagName('input');

  for (var i = 0; i < elms.length; i++){
    if (elms[i].className === 'txt'){
      if (elms[i].value === ''){
          alert('Make sure to fill in all required fields');
          // now focus it
          elms[i].focus();
          return false;
      }
    }
  }

  return true;
}


发布您的代码

最简单的验证方法是使用jQueryValidatePlugin（当其他人也这么做时，为什么还要编写自己的代码？）

示例

<form ............ onsubmit="return validate();">


$（文档）.ready（函数（）{
$（“#反馈形式”）.validate（）；
});
联系我们
联系方式
名字*
电子邮件
信息*
发送

您要验证的元素add class=“required”。我希望提供的示例是自我解释的
我不确定您想做什么。请澄清。您没有关闭表单标签（您没有打开关闭指南）