フォームの検証！= '' in if文？

Question

誰でもこのコードで間違ったことを教えてもらえますか、誰かが提出する前にすべてのフィールドにテキストが入っていることを確認してフォームを検証していますか？すべては私が!='' var.に入れるまで...私は問題のthatsかどうかを確認することができますので、

<script src="jquery.js" type="text/javascript" language="javascript"></script> 
<script language="javascript"> 


$(document).ready(function() { 

// declare the flags outside the other functions 

var username_ready = false; 
var email_ready = false; 




function checkSubmitStatus() { 
var emailvalue = $("#email").val(); 
var usernamevalue = $('#username').val(); 
var firstvalue = $('#first').val(); 
var lastvalue = $('#last').val(); 
var passwordvalue = $('#password').val(); 
if (username_ready && email_ready && emailvalue!='' && usernamevalue!='' && firstvalue!='' && lastvalue!='' && passwordvalue!=''){ 

    $("#register").prop('disabled',false); 
} 
else {$("#register").prop('disabled',true);} 
} 

、ここでは私のフォームコードでのidのが正しいと確信して動作します

<p>First Name: <input id="first" type="text" name="name" maxlength="100"> </p> 
<p>Last Name: <input id="last" type="text" name="name" maxlength="100"> </p> 
<p> Email: <input type="text" name="email" id="email" maxlength="100" /> 
<span id="box" style="display:none"></span></p> 
User Name : <input name="username" type="text" id="username" value="" maxlength="15" /> 
<span id="msgbox" style="display:none"></span> 
<p> Password: <input id="password" type="password" name="password"> </p> 

Answer 1

変数名firstvalueのスペルが間違っています：

firstvale!='' 

編集

移動これら5行：彼らはfunction checkSubmitStatus(){の下に右にどこからとあなたの大切なif文上記

var emailvalue = $("#email").val(); 
var usernamevalue = $('#username').val(); 
var firstvalue = $('#first').val(); 
var lastvalue = $('#last').val(); 
var passwordvalue = $('#password').val(); 

。

ここでは、ページが最初に読み込まれたときにフォームの値に1回だけ割り当てられますが、少なくとも1つは空であると仮定しています。

これらの行をcheckSubmitStatus()関数に移動して、関数が呼び出されるたびに更新されるようにする必要があります。最終結果は次のようになります。

var username_ready = false; 
var email_ready = false; 

function checkSubmitStatus() { 

    var emailvalue = $("#email").val(); 
    var usernamevalue = $('#username').val(); 
    var firstvalue = $('#first').val(); 
    var lastvalue = $('#last').val(); 
    var passwordvalue = $('#password').val(); 


    if (username_ready && email_ready && 
     emailvalue!='' && usernamevalue!='' && 
     firstvalue!='' && lastvalue!='' && passwordvalue!=''){ 

     $("#register").prop('disabled',false); 
    } else { 
     $("#register").prop('disabled',true); 
    } 
} 

Answer 2

コードから判断すると、コードの異なる部分からコピー貼り付けされていると感じます。何が起きているのかは、checkSubmitStatusが呼び出されたときにemailvalue,usernamevalueなどが実際に範囲外になっていることです。私も間違っているかもしれませんが、大丈夫と思われるので、提供されたコードに基づいて詳細を伝えるのは難しいです。

if文の前にalert(emailvalue);を入力して、undefinedまたは何らかの値が得られるかどうかを確認できます。定義されていない場合は、おそらくスコープに問題があります。

上記のコードから、実際に何かが入力されるか、フォームが送信される前に、これらの変数の値が割り当てられているようです。