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：腳本不工作

回答

相關問題