0

テキストボックスにテキストが入力されたかどうかを確認する簡単な検証スクリプトを作成しようとしています。次のコードを書きましたが、残念ながらアラートは出力されません。 

<html>
    <head> 

    <title> Js Page </title>
    <script>
    function validateName()
    {   
        var FirstName=document.forms["myForm"]["firstname"].value;          

        if(FirstName==null || FirstName=="" )           
        {
           alert("Please insert the corect First/Lastname");            
              return false;     
        }   
    }
    </script>    
    </head>
    <body>              
        <form name = "myForm" onsubmit = "return validateName()" method="post">
            First name: <input type="text" name="firstname"><br>            
            <input type="submit" value="Submit">    
        </form>
    </body>    
</html>
4

6 に答える 6

1

使ったほうがいいid

<input type="text" name="firstname" id="firstnameId">
function validateName()
{
  if(document.getElementById("firstnameId").value == ""){
    alert("Please insert the corect First/Lastname");
    return false;
  } else
    return true;       
}
于 2013-06-29T10:33:52.263 に答える
1

スペース文字のために空を無視するかもしれません。を使用する必要がありますtrim()。

var FirstName = document.forms["myForm"]["firstname"].value.trim();  
if(FirstName == ""){

}

空をチェックするのに適しています。

于 2013-06-29T11:09:32.570 に答える
0 
   this is the complete validation for email
<script>
function validateForm()
{
var x=document.forms["register"]["email"].value;
var atpos=x.indexOf("@");
var space=x.indexOf(" ");
var dollar=x.indexOf("$");
var hash=x.indexOf("#");
var per=x.indexOf("%");
var or=x.indexOf("^");
var amber=x.indexOf("&");
var star=x.indexOf("*");
var plus=x.indexOf("+");
var minus=x.indexOf("-");
var coma=x.indexOf(",");
var dotpos=x.lastIndexOf(".");
var neg=x.indexOf("~");
var neq=x.indexOf("!");
var b1=x.indexOf(")");
var b2=x.indexOf("(");
var b3=x.indexOf(":");
var b5=x.indexOf("?");
var b6=x.indexOf(">");
var b7=x.indexOf("<");
var b8=x.indexOf("}");
var b9=x.indexOf("{");
var b10=x.indexOf("|");
if (x==null || x=="")
  {
  alert("Email is mandatory");
  return false;
  }

 if (atpos<1 || dotpos<atpos+2 || dotpos+2>=x.length || space>0 || dollar>0 || hash>0 || per>0 || or>0 || amber>0 || star>0 || plus>0 || minus>0 || coma>0 || neg>0 || neq>0 || b1>0 || b2>0 || b3>0 || b5>0 || b6>0 || b7>0 || b8>0 || b9>0 || b10>0)
  {
  alert("Not a valid e-mail address");
  return false;
  }
  }
  </script>
<form name="register" onsubmit="return validateForm()" action='http:\\www.google.com' method='get'>
<font face="Times New Roaman">Email Address*</font></td><td><input type='text' name='email' value='example@domain.com' onblur="if (this.value == '') {this.value = 'example@domain.com';}"
 onfocus="if (this.value == 'example@domain.com') {this.value = '';}">
 <input type='submit' value='submit'>
</form>
于 2013-07-01T14:17:25.110 に答える
0

jQueryを使用することもできid="firstname"ます：（テキストボックスに入力してください）

$(document).ready(function() { $('#login').click(function() { var ユーザー名 = $('#firstname').val(); if ($.trim(username).length == 0) { alert('ユーザー名を入力してください'); false を返します。 e.preventDefault(); } }); });

于 2013-06-29T11:52:16.090 に答える