0

たとえば、ここには2つのフィールドがあります。input type = "second"を入力して投稿し、input type = firstを入力しない場合、最初のフィールドを検証していません。最初のフィールドを入力するように指示されますが、input type=firstを入力した場合はその逆になります。 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">
4

2 に答える 2

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>
于 2013-03-16T13:21:50.577 に答える
0

構文が間違っています。それがエラーの原因かもしれません..

$(#first).val())

に変更します

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

&

$(#second).val()

への変更

$("#second").val()

そうでない場合は、コンソールでエラーを確認してください。

于 2013-03-16T13:21:13.483 に答える