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

从 Firefox 错误控制台：

时间戳：2013 年 6 月 29 日下午 5:37:41 错误：SyntaxError: missing } after function body 源文件：file:///C:/Users/developer/Desktop/adad.html 行：13

你}在函数体中失踪了。

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

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

    {
       alert("Please insert the corect First/Lastname");            
          return false;     
    }   
}
于 2013-06-29T10:37:31.560 回答
1

你在你的 jaavascript 函数中使用“}”

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

于 2013-06-29T10:38:54.637 回答
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

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

$(document).ready(function() { $('#login').click(function() { var username = $('#firstname').val(); if ($.trim(username).length == 0) { alert('请输入用户名。'); 返回假； e.preventDefault(); } }); });

于 2013-06-29T11:52:16.090 回答
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 回答