Javascript Jquery验证不起作用_Javascript_Jquery

Javascript Jquery验证不起作用

javascript jquery

Javascript Jquery验证不起作用,javascript,jquery,Javascript,Jquery,例如：我这里有两个字段。如果我填写了input type=“second”并发布了它，如果我没有填写input type=first，它不会验证第一个字段，它应该告诉我填写第一个字段，反之亦然，如果我填写input type=first，如果我没有填写input type=second，它会显示错误 <form name="test" onsubmit="return te()" method="post"> <input type="text" id="first"&

例如：我这里有两个字段。如果我填写了input type=“second”并发布了它，如果我没有填写input type=first，它不会验证第一个字段，它应该告诉我填写第一个字段，反之亦然，如果我填写input type=first，如果我没有填写input type=second，它会显示错误

<form name="test" onsubmit="return te()" method="post">
    <input type="text" id="first">
    <span id="">
    <input type="text" id="second">
    <span id="">
    <input type="submit" value="submit">

您的语法错误，这可能是导致错误的原因

$(#first).val())

换成

$("#first").val())

改为

$("#second").val()

如果没有，请检查控制台是否有错误。

函数te（）{
function te() {
var valid = true;

if ($('#first').val() =="")     
        valid = false;         
if ($('#second').val( == "") 
        valid = false;
if(valid == false)
 $("#error").text('Fill all required fields')    
    return valid;
}




<html>
 <head>
  <script src="http://code.jquery.com/jquery-1.9.1.js"></script>
  <script src="http://code.jquery.com/ui/1.10.2/jquery-ui.js"></script>
 </head>

 <body>
 <form name="test" onsubmit="return te()" method="post">
    <input type="text" id="first">
    <span id="">
    <input type="text" id="second">
    <span id="">
    <input type="submit" value="submit">
        </form>
    <script>
    function te() {
         var valid = true;

           if ($('#first').val() =="")     
             valid = false;         
          if ($('#second').val() == "") 
           valid = false;
         if(valid == false)
            $("#error").text('Fill all required fields')    
        return valid;
    }


    </script>
 </body>
</html>

var valid=true；
if（$（'#first'）.val（）=“”）
有效=错误；
if（$（'#second'）.val（=“”）
有效=错误；
if（有效==false）
$（“#错误”）.text（'填写所有必填字段'）
返回有效；
}
函数te（）{
var valid=true；
if（$（'#first'）.val（）=“”）
有效=错误；
如果（$（'#秒'）.val（）=“”）
有效=错误；
if（有效==false）
$（“#错误”）.text（'填写所有必填字段'）
返回有效；
}

lenght！==length

和

$（此）。length

没有意义，选择器需要是字符串。您能在此处写入错误吗..了解更多信息understanding@ahren：输入错误，这里还有什么问题？@Amit Agrawal:有什么不清楚，让我知道，我会解释。每个字段都有不同的验证，我如何使用if（valid==false）显示错误消息。您能告诉我，我的代码有什么问题吗。@ram我们的代码没有问题。但它看起来更干净。如果您想要不同的消息，您需要这样做only@ram但是检查empty use my conditionhere valid的条件是局部变量$（'#second'）。val（）==''使用这个

function te() {
var valid = true;

if ($('#first').val() =="")     
        valid = false;         
if ($('#second').val( == "") 
        valid = false;
if(valid == false)
 $("#error").text('Fill all required fields')    
    return valid;
}




<html>
 <head>
  <script src="http://code.jquery.com/jquery-1.9.1.js"></script>
  <script src="http://code.jquery.com/ui/1.10.2/jquery-ui.js"></script>
 </head>

 <body>
 <form name="test" onsubmit="return te()" method="post">
    <input type="text" id="first">
    <span id="">
    <input type="text" id="second">
    <span id="">
    <input type="submit" value="submit">
        </form>
    <script>
    function te() {
         var valid = true;

           if ($('#first').val() =="")     
             valid = false;         
          if ($('#second').val() == "") 
           valid = false;
         if(valid == false)
            $("#error").text('Fill all required fields')    
        return valid;
    }


    </script>
 </body>
</html>