gpt4 book ai didi

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

转载 作者:行者123 更新时间:2023-12-03 08:51:59 24 4
gpt4 key购买 nike

我想创建一个表单并希望验证用户输入,如果用户填写两个文本框我想显示一个警报框,如果用户填写一个并留空另一个文本框我想显示一个警报框让他们知道他们缺少一个盒子。我如何用 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/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com