如何阻止按钮进入网站

how to block the button from enter the website

本文关键字：网站 按钮 何阻止      更新时间：2023-09-26

我正在制作我的html源，让用户在文本框中输入他们的电子邮件地址，并允许他们点击提交按钮进入网站。

当用户没有在文本框中输入他们的电子邮件时，我想知道我如何阻止他们进入网站，以及我如何显示警告文本，说"错误，你没有输入你的电子邮件地址"，以迫使他们首先输入他们的电子邮件地址，然后他们才能点击提交按钮进入网站?

这是html的来源:

<p class="leadstyle-text" style="display: block;">Enter your email address here:<br />
<input class="default-value" id="Email" name="Email" type="text" placeholder="Enter Your Email Address..." value="" />

<div id="form">
 <div id="ldheLabel5" style="position: absolute; left: 0px; top: 228px; width: 450px; height: 16px; text-align: center;">
 <a class="button1 leadstyle-link" href="www.mysite.com" id="submit-btn">&nbsp;&nbsp;&nbsp;&nbsp; Get Access Now! 
   <span class="arrow" style="color: rgb(85, 85, 85);">&nbsp; &nbsp;</span>
 </a>

编辑:当我尝试这个时，它没有做任何事情:

<form action="" onsubmit="validateEmail()">
<input required class="default-value" id="Email" name="Email" style="position: absolute;   left: 21px; top: 170px; width: 423px; height: 61px;" type="email" placeholder="Enter Your Email Address..." value=""/>
<input type="submit" value="Now access">

</form>

<script>
function validateEmail() {
  event.preventDefault();
  var email = document.getElementById('Email');
  if(email.value) {
    window.location="http://www.google.com/";
  }
}
</script>

你可以在输入元素上使用required属性，这将阻止提交。但更好的是，你可以使用input type=email如果你想在上面进行email验证。享受。

在检查邮件值之前使用preventDefault()。如下所述http://api.jquery.com/event.preventdefault/

在输入字段上使用required属性。(警告这是html5属性，在旧版本的浏览器中不起作用)

<input required class="default-value" id="Email" name="Email" type="text" placeholder="Enter Your     Email Address..." value="" />

<form action="" onsubmit="validateEmail()">
<input required class="default-value" id="Email" name="Email" style="position: absolute;       left: 21px; top: 170px; width: 423px; height: 61px;" type="email" placeholder="Enter Your Email Address..." value=""/>
<input type="submit" value="Now access">

</form>

<script>
function validateEmail() {
  event.preventDefault();
  var email = document.getElementById('Email');
  if(email.value) {
    window.location="http://www.google.com/";
  }
}
</script>
相关文章：