2016-05-19 11 views
-1

こんにちは、私はjava cssとhtmlでパスワード検証スクリプトを実行しようとしていますが、動作していません。なぜ試みましたかは分かりませんが、私:条件の条件を真または偽に設定します。

のjavascript:

$(document).ready(function() { 
    $(this).attr("name")=="repassword".keyup(validate); 
}); 


function validate() { 
    var password1 = $(this).attr("name")=="password".val(); 
    var password2 = $(this).attr("name")=="repassword".val(); 



    if(password1 == password2) { 
     $(this).attr("name")=="password".g.setAttribute("id", "valid"); 
     $(this).attr("name")=="repassword".g.setAttribute("id", "valid"); 
    } 
    else { 
     $(this).attr("name")=="repassword".g.setAttribute("id", "invalid"); 
    } 

} 

CSS:

#valid { 
    border: 1px solid rgba(0,255,0,1); 
    background: #ffffff; 
-webkit-box-shadow: 0px 0px 5px 1px rgba(0,255,0,1); 
-moz-box-shadow: 0px 0px 5px 1px rgba(0,255,0,1); 
box-shadow: 0px 0px 5px 0.5px rgba(0,255,0,1); 

} 

#invalid { 
    border: 1px solid rgba(255,0,0,1); 
    background: #ffffff; 
-webkit-box-shadow: 0px 0px 5px 1px rgba(255,0,0,1); 
-moz-box-shadow: 0px 0px 5px 1px rgba(255,0,0,1); 
box-shadow: 0px 0px 5px 0.5px rgba(255,0,0,1); 

} 

HTML:

  password:<br> 
      <input type="password" name="password"><br> 
      Re-Password:<br> 
      <input type="password" name="repassword"><br> 

パスワードマッハーとパスワードを入力し、パスワードを入力して再入力した場合、入力フィールドIDが有効かどうかを検証しています。再設定しないと無効です。私は結果を得ていません。おそらく間違いを犯しました。 javacriptで

+2

あなたが繰り返しこの構文を使用します。 val() ' - ここで何をしようとしていますか? '$(this).find(" [name = something] ")。val()'を意味しましたか? –

+0

$(これ).attr( "名前")== "repassword" .keyup(検証);名前が==の再入力にチェック入力を伝えて – yahoo5000

+0

次に属性セレクタを使うべきです。 https://api.jquery.com/attribute-contains-selector/ – Mary

答えて

1

あなたのhtmlタグにid属性を与える能力があれば、それを行うことを強くお勧めします。正しく実行されると、各要素にアクセスするユニークな方法があります。ほとんどの場合、id要素は静的でなければならず、変更する要素であってはなりません。しかし、あなたの質問に答えるために「ちょうど」私はあなたに迅速な解決策を与えるでしょう。 `$(この).ATTR( "名前")== "何か":私は将来的にこのような何かを行うことをお勧めします

$("input[name*='password']").attr('id', 'valid'); 

...

<input id="password" valid="false"/> 
<input id="repassword" valid="true"/> 
$("#password").attr('valid', 'false'); 
+0

私の関数はパスワードmachをチェックするために働いていますが、入力用のIDを設定する必要があるときには機能しません – yahoo5000

+0

あなたのコメントに合わせて更新...特に属性を変更する場合は、質問を更新することができます。 – Taztingo

+0

大丈夫よ、私は他のすべてのことをやったやり方を見せてください:) – yahoo5000

関連する問題