第一次打开网页时Javascript不工作吗？
第一次打开网页时Javascript不工作吗？
提问于 2018-08-02 04:02:57
我在一个项目中工作，我需要将我的数据发送到表单的firebase。
Github回购链接- https://github.com/vivanks/hackoffproject
但在填写表单时，它应该会弹出警告窗口并提交表单，但当我第一次打开网站时，它在刷新时没有做任何事情，而是开始完美地工作，但不是第一次。任何原因或任何预防建议。
示例：
我第一次打开我的网站并填写了订阅表单，但它只是简单地刷新页面，而不是更新firebase和弹出警报窗口。
My html form -
<form class="contact100-form validate-form">
<div class="wrap-input100 m-b-10 validate-input" data-validate = "Name is required">
<input id="name" class="s2-txt1 placeholder0 input100" type="text" name="name" placeholder="Your Name">
<span class="focus-input100"></span>
</div>
<div class="wrap-input100 m-b-20 validate-input" data-validate = "Email is required: ex@abc.xyz">
<input id="email" class="s2-txt1 placeholder0 input100" type="text" name="email" placeholder="Email Address">
<span class="focus-input100"></span>
</div>
<div class="w-full">
<p class="s2-txt3 p-t-18">
And don’t worry, we hate spam too! You can unsubcribe at anytime.
</p><br>
<button id="submitBtn" onclick="submitDetail()" name="submit" class="flex-c-m s2-txt2 size4 bg1 bor1 hov1 trans-04">
Submit
</button>
</div>
</form>My java script -
var nameText = document.getElementById("name");
var emailText = document.getElementById("email");
var submitBtn = document.getElementById("submitBtn");
const firebaseRef = firebase.database().ref();
function submitDetail(){
var nText = nameText.value;
var eText = emailText.value;
firebaseRef.push().set({
name : nText,
email : eText
});
window.alert("Subscribed Successfully")
}回答 1
Stack Overflow用户
回答已采纳
发布于 2018-08-02 04:13:04
<div class="wrap-input100 m-b-20 validate-input" data-validate = "Email is required: ex@abc.xyz">
<input id="email" class="s2-txt1 placeholder0 input100" type="text" name="email" placeholder="Email Address">
<span class="focus-input100"></span>
</div>
<div class="w-full">
<p class="s2-txt3 p-t-18">
And don’t worry, we hate spam too! You can unsubcribe at anytime.
</p><br>
<button id="submitBtn" onclick="submitDetail(event)" type="submit" name="submit" class="flex-c-m s2-txt2 size4 bg1 bor1 hov1 trans-04">
Submit
</button>
</div>
</form>在js中，为了防止重新加载：
function submitDetail(ev){
ev.preventDefault();
var nText = nameText.value;
var eText = emailText.value;
firebaseRef.push().set({
name : nText,
email : eText
});
window.alert("Subscribed Successfully")}
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/51641465
复制相关文章
相似问题
腾讯云开发者
