首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >空输入字段的JavaScript验证

空输入字段的JavaScript验证
EN

Stack Overflow用户
提问于 2010-10-15 04:57:35
回答 12查看 692.9K关注 0票数 115

我有这个输入字段<input name="question"/>,我想在提交点击submit按钮时调用IsEmpty函数。

我尝试了下面的代码,但不起作用。有什么建议吗?

代码语言:javascript
复制
<html>

<head>
  <title></title>
  <meta http-equiv="Content-Type" content="text/html; charset=unicode" />
  <meta content="CoffeeCup HTML Editor (www.coffeecup.com)" name="generator" />
</head>

<body>


  <script language="Javascript">
    function IsEmpty() {

      if (document.form.question.value == "") {
        alert("empty");
      }
      return;
    }
  </script>
  Question: <input name="question" /> <br/>

  <input id="insert" onclick="IsEmpty();" type="submit" value="Add Question" />

</body>

</html>

EN

回答 12

Stack Overflow用户

回答已采纳

发布于 2014-01-09 18:40:11

代码语言:javascript
复制
<script type="text/javascript">
  function validateForm() {
    var a = document.forms["Form"]["answer_a"].value;
    var b = document.forms["Form"]["answer_b"].value;
    var c = document.forms["Form"]["answer_c"].value;
    var d = document.forms["Form"]["answer_d"].value;
    if (a == null || a == "", b == null || b == "", c == null || c == "", d == null || d == "") {
      alert("Please Fill All Required Field");
      return false;
    }
  }
</script>

<form method="post" name="Form" onsubmit="return validateForm()" action="">
  <textarea cols="30" rows="2" name="answer_a" id="a"></textarea>
  <textarea cols="30" rows="2" name="answer_b" id="b"></textarea>
  <textarea cols="30" rows="2" name="answer_c" id="c"></textarea>
  <textarea cols="30" rows="2" name="answer_d" id="d"></textarea>
</form>

票数 135
EN

Stack Overflow用户

发布于 2010-10-15 05:02:48

See the working example here

您缺少必需的<form>元素。下面是你的代码应该是什么样子:

代码语言:javascript
复制
function IsEmpty() {
  if (document.forms['frm'].question.value === "") {
    alert("empty");
    return false;
  }
  return true;
}
代码语言:javascript
复制
<form name="frm">
  Question: <input name="question" /> <br />
  <input id="insert" onclick="return IsEmpty();" type="submit" value="Add Question" />
</form>

票数 39
EN

Stack Overflow用户

发布于 2016-08-10 19:08:09

我想在用户禁用javascript的情况下添加必需的属性:

代码语言:javascript
复制
<input type="text" id="textbox" required/>

它可以在所有现代浏览器上运行。

票数 21
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/3937513

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档