检查表单域

时间:2018-06-01 09:15:25

标签: javascript html

我在检查表单字段时遇到问题。我创建了一些表单,现在我想查看表单字段。我写了一些HTML代码,但它确实没有用,我也不知道为什么。这是代码:

<html>
<fieldset>
<legend>Formular</legend>
<head><title>Formular</title>
</head>
<body>
<script type="text/javascript">

    function checkform(){

    var strFehler='';

    if (document.forms[0].Betreff.value==""){

      strFehler += "Feld ist leern";}

    if (document.forms[0].Nachricht.value==""){

      strFehler += "Feld ist nicht ausgefülltn";}

    if (strFehler.length>0) {

      alert("Festgestellte Probleme: nn"+strFehler);

      return(false);
    }}
    </script>
    <form>
    <label for="text">Betreff</label>
    <input type="text">
    </label> <br>
    <label for="textarea">Nachricht</label>
    <textarea cols="50" rows="10">
    </textarea> <br>
    <button type="button" onclick="checkform">Senden</button>
    </form>
    </body>
    </fieldset>
    </html>

2 个答案:

答案 0 :(得分:1)

调用()

时,您需要使用checkform 像这样

<button type="button" onclick="checkform()">Senden</button>

并用英语编写代码,更容易理解上下文并帮助您

答案 1 :(得分:1)

这里有几点:

  • 您未正确致电checkform()。必须这样做:onclick="checkform()"
  • document.forms[0].Betreff.value==""document.forms[0].Nachricht.value==""会产生语法错误。要正确获取值,请为输入指定一个ID,或者按照我的标记名称获取它们

function checkform() {

  var strFehler = '';

  if (document.getElementsByTagName('input')[0].value == "") {

    strFehler += "Feld ist leern";
  }

  if (document.getElementsByTagName('textarea')[0].value == "") {

    strFehler += "Feld ist nicht ausgefülltn";
  }

  if (strFehler.length > 0) {

    alert("Festgestellte Probleme: nn" + strFehler);

    return (false);
  }
}
<form>
  <label for="text">Betreff</label>
  <input type="text">
  <br>
  <label for="textarea">Nachricht</label>
  <textarea cols="50" rows="10"></textarea> <br>
  <button type="button" onclick="checkform()">Senden</button>
</form>