表单提交,submit js校验

前方低能,高手绕道


问题描述:表单提交,没有经过js验证,直接提交。

前几天写了一个js校验,后台大哥说有个小问题,必须得最后一个输入框光标离开才能点击提交,这样不好。

一开始我设置的是当三个输入框为空时,注册按钮是disable。

最后修改的方法是不设置disable,直接显示,然后再<form οnsubmit="return submit()">。通过js验证是否为空。机智的小伙伴肯定看出来,刚才那段代码错在哪里了,在此先不说。这是函数

function submit(){
	console.log("--------submit begin---------");
	if(username.value == "" || email.value == "" || pwd.value == ""){
		return false;
	}
	console.log("--------submit end---------");
}
方法肯定没有错误,调试过程中就是不走submit()这个方法,之后我机智的换了个函数名,果然好了。

问题总结:函数方法名定义时不能带有关键字,否则人家不搭理你。

就是如此简单的问题,搞了我好长时间。

方法总结:

1.form是不是有错误?强制性在<form οnsubmit="return false">。点击尝试;

2.函数是不是有问题?在函数头添加return false;看是否可以禁止提交

3.这两个都不行的话,那差不多就是和我这个一样了,看看你是不是也用了submit作为函数名。


  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
一个例子。 很高兴回答您的问题!关于from表单提交数据的校验,我们可以通过前端的JavaScript或后端的服务器验证来实现。下面给您一个后端服务器验证的例子: ``` // 假设您使用的是Node.js服务器 const express = require('express') const bodyParser = require('body-parser') const app = express() // 配置body-parser,用于解析请求体 app.use(bodyParser.urlencoded({ extended: false })) app.use(bodyParser.json()) // 定义校验函数,返回一个布尔值 function validateFormData(formData) { const { name, email, age } = formData if (!name || !email || !age) { return false } if (isNaN(age) || age < 0 || age > 120) { return false } // 还可以加入更多校验逻辑 return true } // 定义路由,处理POST请求 app.post('/submit', (req, res) => { const formData = req.body if (validateFormData(formData)) { // 数据校验通过,进行下一步处理 // ... res.send('提交成功!') } else { // 数据校验不通过,返回错误提示 res.status(400).send('表单数据错误!') } }) // 启动服务器 app.listen(3000, () => { console.log('Server is running at http://localhost:3000') }) ``` 在这个例子中,我们首先通过body-parser解析请求体,然后在路由中获取到表单提交的数据,调用validateFormData函数进行校验,如果校验通过就进行下一步处理,否则返回错误提示。在校验函数中,我们检查了姓名、邮箱、年龄三个字段是否都存在,年龄字段是否是有效的数字,并且在0-120之间。 希望这个例子能够对您有帮助!如果您还有其他问题或不清楚的地方,欢迎继续提问。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值