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

时间:2024-03-28 22:40:07

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

微信小程序验证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
	})
	},