Question

我正在尝试创建一个简单的验证脚本，用于检查文本框中是否输入了文本。我写了下面的代码，遗憾的是不打印警报。

<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>

Answer 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;       
}

Answer 2

来自firefox错误控制台：

时间戳：2013年6月29日下午5:37:41错误：语法错误：丢失}之后函数体源文件： file：/// C：/Users/developer/Desktop/adad.html Line：13

你在功能体中缺少}。

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

    if(FirstName==null || FirstName=="" )

    {
       alert("Please insert the corect First/Lastname");            
          return false;     
    }   
}

Answer 3

你在javascript函数中缺少“}”

尝试添加浏览器的开发者工具，建议使用。

Answer 4

由于空间角色，也许它会忽略空虚。您应该使用trim()。

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

}

有助于检查空虚。

Answer 5

你也可以使用jQuery：（在你的textox中提供id="firstname"）

$(document).ready(function() { $('#login').click(function() { var username = $（'＃firstname'）。val（）; if（$ .trim（username）。length == 0）{ alert（'please enter用户名。'）; 返回false; e.preventDefault(); } }); });

Answer 6

   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>

验证码问题

6 个答案: