javascript - 使用 javascript 的注册表单-6ren

javascript - 使用 javascript 的注册表单

转载作者：太空宇宙更新时间：2023-11-04 07:41:00

我只是一个初学者，我正在尝试使用 JavaScript 创建一个表单注册。

它是关于从图书馆中选择一本书。在此所有输入都是强制性的，它包括名字 name, lastname, gender ,email,密码和应选择的书籍列表以及选择的日期。使用 JavaScript 验证后，在出现错误的文本框中显示正确的错误消息。

它不显示提交按钮，如果我删除包含书籍的列表和它出现的日期，但在其他情况下没有。

这是完整的代码:

<html>
 <head>
  <style type="text/css">
*{
 margin:0px;
 padding:0px;
 }
body
{
 font-family:Tahoma, Geneva, sans-serif;
background-image: url("11.jpg");
 }
#container{
 width:550px;
 background-color:rgba(250,250,252,.9);
 margin:auto;
 margin-top:10px;
 margin-bottom:10px;
 box-shadow:0 0 3px #999;
 opacity:0.4;
 }
#container_body
{
 padding:20px;
 }
.form_title
{
 font-size:35px;
 color:#141823;
 text-align:center;
 padding:10px;
 font-weight:normal;
 }
.head_para{
 font-size:19px;
 color:#99a2a7;
 text-align:center;
 font-weight:normal;
 }
#form_emri{
 padding:25px 0 0 15px;
 }
.emrimbiemri
{
  margin-right:20px;
 }
.input_name{
 width:207px;
 padding:5px;
 font-size:18px;
 }
#email_form{
 clear:both;
 padding:15px 0 10px 0px;
 }
.input_email{
 width:434px;
 padding:5px;
 font-size:18px;
 }
#Re_email_form
{
 padding:10px 0 10px 0px;
 }
.input_Re_email
{
 width:434px;
 padding:5px;
 font-size:18px;
 }
#password_form 
{
 padding:10px 0 10px 0px;
 }
.input_password
{
 width:434px;
 padding:5px;
 font-size:18px;
 }
.birthday_title
{
 font-size:16px; 
 color:#8b919d; 
 font-weight:normal;
 padding:0 0 10px 0;
 }
.libri_title
 {
  font-size:16px; 
 color:#8b919d; 
 font-weight:normal;
 padding:0 0 10px 0;
 }
.d_marrjes
{
font-size:16px; 
 color:#8b919d; 
 font-weight:normal;
 padding:0 0 10px 0;
 }
select
{
 padding:5px;
 }
#birthday
{
 font-size:12px;
 color:#8b919d;
 padding-top:10px;
 }
#radio_button
{
 padding:10px 0 0 0;
 }
#sign_user
{
 font-size:14px;
 color:#FFF;
 text-align:center;
 background-color:#3B5998;
 padding:10px;
 margin-top:10px;
 cursor: pointer;
 }
#errorBox
{
 color:#F00;
 }
</style>
  <script type="text/javascript">
   function Submit()
	 {
         var emailRegex = /^[A-Za-z0-9._]*\@[A-Za-z]*\.[A-Za-z]{2,5}$/;
            var fname = document.form.Name.value,
                lname = document.form.LastName.value,
                  femail = document.form.Email.value,
                   freemail = document.form.enterEmail.value,
                    fpassword = document.form.Password.value,
                      fmonth = document.form.birthday_month.value,
                        fday = document.form.birthday_day.value,
                           fyear = document.form.birthday_year.value;
                             flibri=document.form.libri.value;
                               datMarrje=document.form.d_marrjes.value;
   
      if( fname == "" )
      {
            document.form.Name.focus() ;
              document.getElementById("errorBox").innerHTML = "Fusni emrin ";
              return false;
        }
     if( lname == "" )
     {
          document.form.LastName.focus() ;
           document.getElementById("errorBox").innerHTML = "Fusni mbiemrin";
             return false;
        }
    
     if (femail == "" )
       {
         document.form.Email.focus();
             document.getElementById("errorBox").innerHTML = "Fusni  email";
              return false;
       }
	   else if(!emailRegex.test(femail))
	   {
          document.form.Email.focus();
            document.getElementById("errorBox").innerHTML = "Fusni  email e validimit";
             return false;
        }
   
     if (freemail == "" )
       {
          document.form.enterEmail.focus();
             document.getElementById("errorBox").innerHTML = "Fusni serish email";
               return false;
        }
		else if(!emailRegex.test(freemail))
		{
              document.form.enterEmail.focus();
                 document.getElementById("errorBox").innerHTML = "Fusni serish  email e validimit";
                  return false;
        }
   
      if(freemail !=  femail)
	    {
              document.form.enterEmail.focus();
                  document.getElementById("errorBox").innerHTML = "Email-et nuk perputhen, futini serish";
                    return false;
         }
   
   
      if(fpassword == "")
          {
             document.form.Password.focus();
                document.getElementById("errorBox").innerHTML = "Fusni password";
                  return false;
          }
   
      if (fmonth == "") 
	     {
             document.form.birthday_month.focus();
                document.getElementById("errorBox").innerHTML = "Zgjidhni muajin e lindjes";
                 return false;
         }
       if (fday == "")
     	   {
                document.form.birthday_day.focus();
                  document.getElementById("errorBox").innerHTML = "Zgjidhni diten e lindjes";
                    return false;
            }
       if (fyear == "")
     	   {
             document.form.birthday_year.focus();
                 document.getElementById("errorBox").innerHTML = "Zgjidhni vitin e lindjes";
                  return false;
           }
         if(document.form.radiobutton[0].checked == false && document.form.radiobutton[1].checked == false)
		   {
             document.getElementById("errorBox").innerHTML = "Zgjidhni gjinine";
               return false;
           }
        if (flibri == "") 
		   {
              document.form.libri.focus();
                document.getElementById("errorBox").innerHTML = "selecto librin";
                 return false;
            }
         if (datMarrje == "")
		    {
              document.form.d_marrje.focus();
                document.getElementById("errorBox").innerHTML = "selecto daten";
                  return false;
            }
          if(fname != '' && lname != '' && femail != '' && freemail != '' && fpassword != '' && fmonth != '' && fday != '' && fyear != ''&& flibri!='' && datMarrje!='')
		   {
             document.getElementById("errorBox").innerHTML = "Forma u krye me sukses ";
            }
     
    }
</script>
 </head>
  <body>
    <div id="emptyDiv"></div>
      <div id="description"></div>
        <!--container fillon-->
          <div id="container">
             <div id="container_body">
                <!--Form fillon-->
                   <div id="form_emri">
                      <div class="emrimbiemri">
                         <form name="form" >
                            <div id="errorBox"></div>
                               <input type="text" name="Name" value="" placeholder="Emri"  class="input_name" >
                                   <input type="text" name="LastName" value="" placeholder="Mbiemri" class="input_name" >
         
                        </div>
            <div id="email_form">
                <input type="text" name="Email" value=""  placeholder=" Email" class="input_email">
            </div>
               <div id="Re_email_form">
                 <input type="text" name="enterEmail" value=""  placeholder="Rifut Email" class="input_Re_email">
            </div>
                 <div id="password_form">
                   <input type="password" name="Password" value=""  placeholder=" Password" class="input_password">
            </div>
                   <!--te dhenat e ditelindjes fillojne ketu-->
                <div>
                  <h3 class="birthday_title">Ditelindje</h3>
                 </div>
                      <div>
                             <select name="birthday_month" >
                               <option value="" selected >Muaji</option>
                                 <option value="1">Jan</option>
                                  <option value="2">Feb</option>
                                    <option value="3">Mar</option>
                                      <option value="4">Apr</option>
                                         <option value="5">May</option>
                                            </select>
                                                &nbsp;&nbsp;
                                                  <select name="birthday_day" >
                                                   <option value="" selected>Data</option>
                                                      <option value="1">1</option>
                                                        <option value="2">2</option>
                                                         <option value="3">3</option>
                                                             <option value="4">4</option>
                                                                <option value="5">5</option>
                            </select>
                                                               <select name="birthday_year">
                                                                   <option value="" selected>Viti</option>
                                                                     <option value="2003">2003</option>
                                                                        <option value="2002">2002</option>
                                                                            <option value="2001">2001</option>
                                                                                <option value="1999">1999</option>
                                                                                  <option value="1998">1998</option>
                                                               </select>
                        </div>
               <!--te dhenat e ditelindjes perfundojne ketu-->
                    <div id="radio_button">
                           <input type="radio" name="radiobutton" value="Femer">
                             <label >Femer</label>
                                 &nbsp;&nbsp;&nbsp;
                                    <input type="radio" name="radiobutton" value="Mashkull">
                                      <label >Mashkull</label>
                     </div>  
					 <div>
                    <p id="sign_user" onClick="Submit()">Sign Up </p>
                 </div>

            <div>
              <h3 class="libri_title">Zgjidhni librin</h3>
                <select name="libri">
                   <option value="Keshtjella">Keshtjella-<b>Ismail Kadare</b></option>
                        <option value="Charls Dikens">A Tale of Two Cities-<b>Charls Dikens</b></option>
                           <option value="Cao Xueqin">The Dream Of The red Chamber-<b>Cao Xueqin</b></option>
                             <option value="Rowling">Harry Poter-<b>Rowling</b></option>
                </select>
            </div>
         <div>
             <h3 class="d_marrjes">Data e marrjes: </h3><br/>
               <input type="date"name="date",id="demo"/>
                   <script>
                        var d = new Date();
                             document.getElementById("demo").innerHTML = d.toString();
                    <script>
			   </div>

      </form>     
	
   </div>
       <!--Forma mbaroi-->
  </div>
</div>
     <!--container mbaroi-->
</body
</html>

最佳答案

这里有多个错误:

首先，您的 input与 id='demo'是不正确的。属性(如类型、名称和 ID)之间不应有逗号。您的输入标签应如下所示:

<input type="date" name="date" id="demo"/>

其次，这一行是错误的:

datMarrje = document.form.d_marrjes.value;

它假定您的 <form name="form">有 child <input name="d_marrjes"但事实并非如此。您应该将其替换为

datMarrje = document.form.date.value;

修复这些错误后，它对我有用。

关于javascript - 使用 javascript 的注册表单，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/48519566/

文章推荐： html - 从 flex 显示中消除横向滚动条

文章推荐： python - 计算列表中字母表的出现次数

文章推荐： c++ - 在 Linux 中记录和绘制引导过程信息

文章推荐： python - 在 Python 中取消列出以使用 itertools.product

java数据结构基础:单,双向链表
单向链表单向链表比顺序结构的线性表最大的好处就是不用保证存放的位置，它只需要用指针去指向下一个元素就能搞定。单链表图解图画的比较粗糙，简单的讲解一下：上面四个长方形，每个长方
c - 单 socket 多线程接收器
使用TCP，我正在设计一些类似于next的程序。客户端在许多线程中的接收正在等待一台服务器的发送消息。但是，这是有条件的。 recv正在等待特定的发送消息。例如客户 thread 1: recv
dns - 是否可以拥有一个(单)字符顶级域名？
我正在编写正则表达式来验证电子邮件。唯一让我困惑的是: 顶级域名可以使用单个字符吗？(例如:lockevn.c) 背景:我知道顶级域名可以是 2 个字符到任意字符(.uk、.us 到 .canon、.
Symfony2 单 Controller 多路由
是否可以在单个定义中定义同一 Controller 的多个路由？例如: 我想要一个单一的定义 /, /about, /privacy-policy 使用类似的东西 _home: pat
ios - 单 View 应用程序具有无法更改的黑色背景
我正在使用 objective-c开发针对 11.4 iOS 的单 View 应用程序，以及 Xcode版本是 9.4.1。创建后有Main.storyboard和LaunchScreen.stor
C - 单 shell 管道实现不断在终端中挂起
我一直在尝试在 shell 程序中实现管道结构，如果我执行简单的命令(例如“hello | rev”)，它就可以工作但是当我尝试执行“head -c 1000000/dev/urandom | wc
MySQL 单 DISTINCT 列
此表包含主机和接口(interface)列UNIQUE 组合* 编辑:这个表也有一个自动递增的唯一 ID，抱歉我应该在之前提到这个 ** | host.... | interface..... |
c++ - 单 channel 图像的滑动窗口标准过滤器
我想将具有固定补丁大小的“std filter”应用于单 channel 图像。也就是说，我希望 out[i,j] 等于 img[i,j] 附近的像素值的标准值。对于那些熟悉 Matlab 的人，
java - RxJavas 单。它的连接方法在哪里？
假设我想进行网络调用并使用 rx.Single，因为我希望只有一个值。我如何应用replay().autoConnect() 这样的东西，这样当我从多个来源订阅时网络调用就不会发生多次？我应该使用
c++ - 单 channel 平均值
我将图像从 rgb 转换为 YUV。现在我想单独找到亮度 channel 的平均值。你能告诉我如何实现这一目标吗？此外，有没有办法确定图像由多少个 channel 组成？最佳答案你可以这样做: #
scala - 单 token 前瞻的性能损失是多少？
在比较Go和Scala的语句结束检测时，我发现Scala的规则更丰富，即: A line ending is treated as a semicolon unless one of the foll
verilog - 单(＆)和双(&&)＆二进制运算符之间有什么区别？
在IEEE 1800-2005或更高版本中，&和&&二进制运算符有什么区别？它们相等吗？我注意到，当a和b的类型为bit时，这些coverpoint定义的行为相同: cp: coverpoint a
flutter - 单 View flutter 的提供者
我正在使用Flutter的provider软件包。我要实现的是为一个 View 或页面提供一个简单的提供程序。因此，我在小部件中尝试了以下操作: Widget build(BuildContext c
openmp - cython openmp 单，屏障
我正在尝试在 cython 中使用 openmp。我需要在 cython 中做两件事: i) 在我的 cython 代码中使用 #pragma omp single{} 作用域。 ii) 使用#pra
javascript - 替换函数内的 Espace 单/双引号
我正在尝试从转义字符字符串中删除单引号和双引号。它对单引号 ' 或双自动 " 不起作用。请问有人可以帮忙吗？ var mysting = escapedStr.replace(/^%22/g, '
openmp - cython openmp 单，屏障
我正在尝试在 cython 中使用 openmp。我需要在 cython 中做两件事: i) 在我的 cython 代码中使用 #pragma omp single{} 作用域。 ii) 使用#pra
encryption - ANT+ 单 channel 加密示例
我正在使用 ANT+ 协议(protocol)，将智能手机与 ANT+ USB 加密狗连接，该加密狗通过 SimulANT+ 连接到 PC。 SimulANT+ 正在模拟一个心率传感器，它将数据发送到
multithreading - 单/多线程 (OpenMP) 模式下计算精度的差异
有人可以解释/理解单/多线程模式下计算结果的不同吗？这是一个大约的例子。圆周率的计算: #include #include #include const int itera(100000000
c# - OpenGL - 单 channel 立方体贴图不产生任何输出
我编写了一个粗略的阴影映射实现，它使用 6 个不同的 View 矩阵渲染场景 6 次以创建立方体贴图。作为优化，我正在尝试使用几何着色器升级到单 channel 方法，但很难从我的着色器获得任何输出
javascript - 单 SPA AngularJS 中断父应用程序的路由
尝试使用 Single-Spa 构建一些东西并面临添加到应用程序 AngularJS 的问题。 Angular2 和 ReactJs 工作完美，但如果添加 AngularJS 并尝试为此应用程序使用

太空宇宙

个人简介

我是一名优秀的程序员,十分优秀！

作者热门文章

滴滴打车优惠券免费领取

全站热门文章

首页

博学

6Ren·AI

商城

javascript - 使用 javascript 的注册表单