jquery : 스크립트가 작동하지 않습니다.

저는 jquery를 처음 사용하기 때문에 jquery 기초를 배우기 시작합니다. 나는 등록 양식을 위해 jquery의 스크립트를 만든다. 괜찮아요 하나 또는 두 필드가 비어있는 양식을 제출하는 동안 쿼리를 표시 오류 메시지가 있지만 다시 빈 필드를 채울 경우 다음 그것은 또한 동일한 오류 메시지를 표시하고 표시 메시지를 다시로드합니다.jquery : 스크립트가 작동하지 않습니다.

<!DOCTYPE html> 
<html> 
<head> 
<meta content="text/html;charset=utf-8" http-equiv="Content-Type"> 
<meta content="utf-8" http-equiv="encoding"> 
    <style> 
    c { color:red; margin:4px; } 
    b { color:blue; } 
    </style> 
    <script src="jquery-latest.js"></script> 
    <script src="jquery.js"></script> 
</head> 
<body> 

<h1>Registration Form:</h1> 

<form id="form1"> 

<div>First Name<input type="text" name="fname" id="fname"><span></span></div> 
<div>Last Name<input type="text" name="lname" id="lname"><span></span></div> 
<div><input type="submit" value="submit" ></div> 

</form> 

<script> 

$(document).ready(function(){ 

    $("#form1").submit(function(){ 
     var $spans = $("span"); 

     if ($('#fname').val()=="") {  
     $spans.eq(0).html("<c>Please enter your Firstname</c>"); 
     }  
     if ($('#lname').val()==""){ 
     $spans.eq(1).html("<c>Please enter your Lastname</c>"); 

     }return false; 

    }); 
}); 
</script>

출처

2013-01-07 Ankur Saxena

입력 내용이 비어 있지 않은 경우 텍스트 콘텐츠를 삭제하지 않기 때문입니다. jQuery를 두 번 반복하면 안되며 c은 유효한 태그가 아닙니다.

var $spans = $("span"); 
$("#form1").submit(function(){ 
    $spans.eq(0).html($('#fname').val() == "" ? "Please enter your Firstname" : ""); 
    $spans.eq(1).html($('#lname').val() == "" ? "Please enter your Lastname" : ""); 
    return false; 
});

출처

2013-01-07 11:42:23 undefined

: 도와 주셔서 감사합니다. –

jquery : 스크립트가 작동하지 않습니다.

답변

관련 문제