Javascript 数据未正确进入firestore数据库

我的项目包括一个注册表，我正在使用firestore存储我的数据。当我填写表格并提交数据时，它不会进入数据库。然而，如果我将其中任何一个字段留空，则其他字段数据将成功输入，空字段将设置为null。 请参见下面的代码和图像：

代码：

//app.js
console.log（“初始化成功！”）；
var db=firebase.firestore（）；
函数调节器（）{
var uName=document.getElementById（“名称”）.value；
var email=document.getElementById（“emailadd”）.value；
var gend=document.getElementById（“sel_性别”）.value；
var pass=document.getElementById（“密码”）.value；
数据库集合（“用户”）。添加({
用户名：uName，
电邮地址：电邮：，
性别:性别,，
用户密码：pass
})
.然后（函数（）{
log（“数据输入成功！”）；
})
.catch（函数（错误）{
console.error（“error！”，error）；
});
}

@font-face{
字体系列：myFont；
src:url（CutiveMono-Regular.ttf）；
}
@字体{
字体系列：myFont2；
src:url（MedievalSharp.ttf）；
}
#主要{
垫面：3%；
垫底：4%；
最小高度：90vh；
字体系列：myFont；
字体大小：1.3em；
}
#背景{
背景图片：url（“images/1.jpg”）；
背景重复：无重复；
背景位置：中心；
背景尺寸：封面；
背景色：rgba（255、255、255、0.6）；
背景混合模式：加亮；
}
#注册{
颜色：白色；
字体系列：myFont2；
}
#导航{
边框样式：实心；
边框宽度：0px 0px 5px 0px；
边框颜色：橙色；
}
#导航2{
边框样式：实心；
边框宽度：5px 0px 0px 0px；
边框颜色：橙色；
}
#划船{
宽度：100%；
}
#形式{
边框样式：实心；
边框宽度：10px；
边界半径：2%；
边框颜色：#F8F9FB；
背景色：#F8F9FB；
}
.表格检查标签{
宽度：100%；
}

注册页
登记处
名字：


电邮地址：


性别：
男性
女性
其他


密码：


确认密码：



登记
清楚的
改为登录
var firebaseConfig={
apiKey:“，
authDomain:“”，
数据库URL:“”，
投射：“，
storageBucket:“”，
messagingSenderId:“”，
appId:“
};
//初始化Firebase
firebase.initializeApp（firebaseConfig）；

将按钮类型更改为“按钮”，而不是提交，因为您没有通过POST提交的任何表单