javascript验证空字段，包含错误消息_Javascript

javascript验证空字段，包含错误消息

javascript

javascript验证空字段，包含错误消息,javascript,Javascript,有谁能告诉我这段代码的错误吗？我只想在第一个名字为空的时候给出一条错误消息 <script type="text/javascript"> $(document).ready(function(){ $('#submit').click(function(){ var first_name=$('#first_name').val(); if(first_name==="" ){ $('#first_name').css('b

有谁能告诉我这段代码的错误吗？我只想在第一个名字为空的时候给出一条错误消息

<script type="text/javascript">

 $(document).ready(function(){
 $('#submit').click(function(){ 
      var first_name=$('#first_name').val();

 if(first_name==="" ){
                 $('#first_name').css('background-color','#D8D8D8');
                 $('#fNameErr').show();
                return false;
            }
            else{
                 $('#first_name').css('background-color','#FFFFFF');
                 $('#fNameErr').hide();
                return true;
               }

 }); 

 });  
    </script>


$（文档）.ready（函数（）{
$（“#提交”）。单击（函数（）{
var first_name=$（'#first_name'）.val（）；
如果（名字===“”）{
$（'first#u name'）.css（'background-color'，'d8d8'）；
$（'fNameErr'）.show（）；
返回false；
}
否则{
$（'first#u name'）.css（'background-color'，'#FFFFFF'）；
$（'fNameErr'）.hide（）；
返回true；
}
}); 
});

HTML


名字：
请输入您的名字

首先，我需要知道您是否从下载了jquery文件，如果不是，请先下载。。否则jquery将无法工作。。按照此链接，将此文件保存在您的代码所在的文件夹中…我使用的文件名为“jquery-1.11.1.min.js”

然后你的代码中又出现了一些错误。您需要首先提供一个id为“submit”的submit按钮，该id在脚本的第3行中使用，然后需要关闭表单标记。。正确的代码是

<html><script src="jquery-1.11.1.min.js"></script><script type="text/javascript">

 $(document).ready(function(){
 $('#submit').click(function(){ 
      var first_name=$('#first_name').val();
 if(first_name=="" ){
                 $('#first_name').css('background-color','#D8D8D8');
                 $('#fNameErr').show();
                return false;
            }
            else{
                 $('#first_name').css('background-color','#FFFFFF');
                 $('#fNameErr').hide();
                return true;
               }

 }); 

 });  
    </script>
    <body>
    <form name="myForm" action="../controller/users.php" method="POST" enctype="multipart/form-data">

            <table align="left" width="700" height="330">
                <tbody>
                    <tr>
                        <td>First Name: </td>
                        <td><input type="text" name="first_name" value=""size="45" id="first_name"/>
                            <div id="fNameErr" class="err"><b>Please Enter First Name</b></div></td>    
                    </tr>
                    <input type="submit" id="submit" value="submit">
                    </form>
                    </body>
                    </html>


$（文档）.ready（函数（）{
$（“#提交”）。单击（函数（）{
var first_name=$（'#first_name'）.val（）；
如果（名字==“”）{
$（'first#u name'）.css（'background-color'，'d8d8'）；
$（'fNameErr'）.show（）；
返回false；
}
否则{
$（'first#u name'）.css（'background-color'，'#FFFFFF'）；
$（'fNameErr'）.hide（）；
返回true；
}
}); 
});  
名字：
请输入您的名字

试着先学基础知识。。如果有帮助，请接受我的回答：）

另外，您的代码缺少一个结束标记

，以及一个可能缺少的带有

submit

作为

id

的提交按钮。如果这是您的完整/实际代码，请添加它。

<html><script src="jquery-1.11.1.min.js"></script><script type="text/javascript">

 $(document).ready(function(){
 $('#submit').click(function(){ 
      var first_name=$('#first_name').val();
 if(first_name=="" ){
                 $('#first_name').css('background-color','#D8D8D8');
                 $('#fNameErr').show();
                return false;
            }
            else{
                 $('#first_name').css('background-color','#FFFFFF');
                 $('#fNameErr').hide();
                return true;
               }

 }); 

 });  
    </script>
    <body>
    <form name="myForm" action="../controller/users.php" method="POST" enctype="multipart/form-data">

            <table align="left" width="700" height="330">
                <tbody>
                    <tr>
                        <td>First Name: </td>
                        <td><input type="text" name="first_name" value=""size="45" id="first_name"/>
                            <div id="fNameErr" class="err"><b>Please Enter First Name</b></div></td>    
                    </tr>
                    <input type="submit" id="submit" value="submit">
                    </form>
                    </body>
                    </html>