javascript - 我如何使用 JavaScript 验证表单

标签 javascript html

我想创建一个表单并希望验证用户输入,如果用户填写两个文本框我想显示一个警报框,如果用户填写一个并留空另一个文本框我想显示一个警报框让他们知道他们缺少一个盒子。我如何用 JavaScript 做到这一点,请帮忙。

我想要两个文本框,如果用户填写两个文本框并单击输入,我想显示一个警告框,告诉他们“正确”,如果用户填写一个文本框并将另一个留空,我想显示一个警告框,告诉他们它是不正确的”。 我该怎么做,帮忙。

 <form action="" method="post">
  <input type="text" name="text1" placeholder="Text 1">
</br>
  <input type="text" name="text2" placeholder="Text 2">
</br>
  <input type="submit" value="Enter">
</form>

最佳答案

您对哪种验证感兴趣? 我的 friend ,你可以用 javascript 做任何事情:)。

这是纯 JavaScript。为了简单起见,我将 html 和 js 保存在一个文件中。我还在表单中添加了一个名称,如下所示,以防您有多个表单。

<html>
    <body>

    <form name="LovelyForm" action="" method="post"> 
      <input type="text" name="text1" placeholder="Text 1"> </br> 
      <input type="text" name="text2" placeholder="Text 2"> </br> 
      <input type="submit" onclick="validateForm()" value="Enter">
    </form>

    <script type="text/javascript">
        function validateForm() {

            var x = document.forms["LovelyForm"]["text1"].value;
            var y = document.forms["LovelyForm"]["text2"].value;
            if (x == null || x == "" || y == null || y == "") {
                alert("Fill me in");
                return false;
            }else{
                alert("Good");
                return true;
            }
        }

    </script>
    </body>
</html>

关于javascript - 我如何使用 JavaScript 验证表单,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32641485/

相关文章:

javascript - 在 Chrome DevTools 如何防止脚本执行

javascript - Angular.js 仅在前端或后端处理数据

javascript - React 包的 CDN 链接以及在使用 React 时如何使用 CDN 中的脚本导入它

jquery - 使用 jQuery 创建的 Div 不显示在屏幕上

javascript - jQuery 用户界面 : How to save "sortable"?

javascript - HTML5 Canvas 创建振荡运动

javascript - 检测由 chrome 内容脚本引起的字段值更改的最佳方法

html - 更改 HTML 数字输入的增量值 - 小数

html - 如何使文本与图标保持内联?

javascript - 如何避免Google jsapi加载阻塞网页加载