2013-03-16 256 views
0

例如:我在这里有两个字段。如果我填写输入类型=“第二”并张贴它,如果我没有填充输入类型=第一,它不验证第一个字段,它应该告诉我填写第一个字段,反之亦然,如果我填写输入类型=第一,如果我不输入type = second,它显示错误。Jquery验证不起作用

<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"> 
+1

'lenght!== length'和'$(本).length'没有意义, – undefined 2013-03-16 13:22:38

+0

选择必须是字符串。 – ahren 2013-03-16 13:23:25

+0

你可以在这里写错误..了解更多 – Amit 2013-03-16 13:23:28

回答

2
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> 
+0

每个字段都有不同的验证,我如何使用if(valid == false)来显示错误消息。你能告诉我,我的代码有什么问题。 – ram 2013-03-16 16:49:21

+0

@ram没有问题,我们的代码。但它看起来像更干净的代码。如果你想要不同的消息,你需要做的只有 – PSR 2013-03-16 16:50:39

+0

@ram但条件检查空使用我的条件 – PSR 2013-03-16 16:52:09

0

你的语法是错误的,可能这就是错误的原因..

$(#first).val()) 

改变它

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

&

$(#second).val() 

变化

$("#second").val() 

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