Jquery验证不起作用

时间:2013-03-16 13:18:11

标签: javascript jquery

例如:我这里有两个字段。如果我填写输入类型=“秒”并发布它并且如果我没有填写输入类型=第一个,它没有验证第一个字段,它应该告诉我填充第一个字段,反之亦然,如果我填写输入类型=第一个和如果我没有输入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">

2 个答案:

答案 0 :(得分: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>

答案 1 :(得分:0)

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

$(#first).val())

将其更改为

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

&安培;

$(#second).val()

更改为

$("#second").val()

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