首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >无法使用javascript将必需属性设置为true

无法使用javascript将必需属性设置为true
EN

Stack Overflow用户
提问于 2018-03-31 12:07:36
回答 1查看 2.7K关注 0票数 2

我有一个form.When,我提交了表单,表单文本字段的require属性应该设置为the。

代码语言:javascript
复制
<html>
    <head>
        <script>
        function validate()
        {
            alert("ok");
            document.getElementById("sample").required = true;//method-1

      document.getElementById("sample").setAttribute("required","")//method-2
        }
        </script>
    </head>
    <body>
        <form method="post" action="" onsubmit="validate()">
            <input type="text" id="sample">
            <input type="submit" value="submit">
        </form>
    </body>
 </html>

在这两种方法中,我都无法将所需设置为true.any帮助,请.

EN

回答 1

Stack Overflow用户

发布于 2018-03-31 12:26:42

您可以像下面的示例一样返回表单提交。这是参考url

代码语言:javascript
复制
<form name="myForm" action="/action_page.php"onsubmit="return validateForm()" method="post">

参见Demo

用element.required = true;

代码语言:javascript
复制
function validate() {
  var el = document.getElementById("sample");
  if (el.value) {
    alert(el.value);
    return true;
  } else {
    alert('Value is required..');
    el.required = true; //method-1
    return false;
  }
}
代码语言:javascript
复制
<form method="post" action="#" onsubmit="return validate()">
  <input type="text" id="sample">
  <input  type="submit" value="submit">
</form>

使用element.setAttribute(“必需”、"");

代码语言:javascript
复制
function validate() {
  var el = document.getElementById("sample");
  if (el.value) {
    alert(el.value);
  } else {
    alert('Value is required..')
    el.setAttribute("required", "");
    return false;
  }
}
代码语言:javascript
复制
<form method="post" action="" onsubmit="return validate()">
  <input type="text" id="sample">
  <input  type="submit" value="submit">
</form>

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

https://stackoverflow.com/questions/49587547

复制
相关文章

相似问题

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