微信小程序验证form表单是否填写完整

最新推荐文章于 2024-05-03 23:01:30 发布

原创最新推荐文章于 2024-05-03 23:01:30 发布 · 7.2k 阅读

23 ·

CC 4.0 BY-SA版权

文章标签：

#微信小程序 #验证form表单是否填写完整 #form表单 #表单提交

微信小程序专栏收录该内容

24 篇文章

订阅专栏

本文介绍如何在微信小程序中验证表单是否填写完整，并在验证通过后进行表单提交，同时展示了两种不同的实现方法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

微信小程序验证form表单是否填写完整

在这里插入图片描述

//验证form表单是否填写完整
checkForm:function(){
var form = this.data.form
for(var item in form){
if(!form[item]){
return false
}
}
return true;
},

//提交车主认证
	submit: function () {
	var that = this
	var form = that.data.form
	if(!that.checkForm()){ //调用checkForm方法，查看表单是否填写完整
	wx.showToast({
	title: '请将信息填写完整',
	icon: 'none',
	duration: 1000
	})
	}else{
	console.log('表单信息已经填写完毕，正在提交', form)
	/**
	* 此处省略表单提交
	*/
	for (var item in form) { //表单提交成功后清空表单
	form[item] = ''
	}
	that.setData({
	form: form
	})
	}
	},

或者可以把两个方法合并到一起写…

// 提交车主认证
	submit:function(){
	var that = this
	var form = that.data.form
	for(var item in form){
	if(!form[item]){ //验证form表单是否填写完整
	wx.showToast({
	title: '请将信息填写完整',
	icon: 'none',
	duration: 1000
	})
	return;
	}
	}
	console.log('表单信息已经填写完毕，正在提交',form)
	/**
	* 此处省略表单提交过程
	*/
	for(var item in form){ //表单提交成功后清空form表单数据
	form[item] = ''
	}
	that.setData({
	form:form
	})
	},

前端进阶精选：点此去