怎么在表单提交前检查数据输入。

  首先,在form中加入οnsubmit= return 检查输入的事件, 例如,检查函数名字是CheckInput(), 则这里输入为οnsubmit="return CheckInput()",  然后在提交按钮中指定类型type="submit"。  

  这样,表单会提交前进入检查输入的事件, 如果事件中返回true, 则表单继续提交; 否则,表单不会提交。

  

转载于:https://www.cnblogs.com/the-one/p/5906825.html

提交表单之,可以使用JavaScript来检查表单数据的正确性。可以在提交验证所有的输入字段,例如: 1. 检查输入是否为空 2. 检查输入是否符合特定的格式,比如邮箱地址或者电话号码 3. 检查输入是否超过最大长度限制 下面是一个简单的示例,可以在提交表单之检查表单数据的正确性: ```html <form id="myForm" action="submit.php" method="post"> <label for="name">Name:</label> <input type="text" id="name" name="name"> <label for="email">Email:</label> <input type="email" id="email" name="email"> <button type="submit">Submit</button> </form> <script> const form = document.getElementById("myForm"); form.addEventListener("submit", function(event) { event.preventDefault(); // 阻止表单提交 // 获取表单数据 const nameInput = document.getElementById("name"); const emailInput = document.getElementById("email"); // 检查输入是否为空 if (nameInput.value.trim() === "") { alert("请输入姓名"); return; } // 检查邮箱地址是否合法 const emailRegex = /\S+@\S+\.\S+/; if (!emailRegex.test(emailInput.value)) { alert("邮箱地址不合法"); return; } // 提交表单 form.submit(); }); </script> ``` 在这个示例中,我们使用addEventListener方法来监听表单的submit事件,并阻止表单提交。然后,我们获取表单中的输入字段,并使用JavaScript来检查输入是否符合要求。最后,如果所有的输入都符合要求,我们就提交表单。如果输入不符合要求,则弹出一个警告框,并停止表单提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值