사용자 이름이 유효하지 않은 경우, 링크 숨기기

Question

이것은 처음으로 perl과 vb 이외의 것을 많이 사용하기 때문에 나와 함께하시기 바랍니다.

일치해야하는 두 입력란을 비교할 수 있으며 일치하지 않으면 HTML 링크를 완전히 숨길 필요가 있습니다. 이것이 어떻게 쓰여졌 을까요?

이 제 아이디

($("#trid").val());    
    ($("#pxuserid").text()); 
    var test = $("#pxuserid").text().indexOf("-"); 
    var username = $("#pxuserid").text().substring(test + 1); 
    (username); 

이 제 아이디를 잡고 소문자에서 대문자 모든 변경을 잡는다.

($("[name=vsvadm]").val()); 
    var str = $("[name=vsvadm]").text("checked", true).val().toLowerCase(); 
    (str); 

이 내가은 : userid1이 같지 USERID2 않는 경우, 페이지 5, 6 숨기기 '라고 할 수있는 스크립트를 얻으려고

<div class="pxcontent" id="sarea"> 

    <div class="pxvtab" id="pxform"> 

     <div class="pxvtablinks"> 



     <a href="javascript:act();" rel="#page2">Directories</a> 
     <a href="javascript:act();" rel="#page5">Accounting</a> 
     <a href="javascript:act();" rel="#page6">Advanced</a> 
     <a href="javascript:act();" rel="#page7">Security</a> 

숨기고, 7/보여줄 필요가 무엇 그러나 2 페이지 만 보여줄 것입니다. 그렇지 않으면 계속하십시오 " 바라건대 나는 누군가를 혼란스럽게하지 않았고 누군가가 도와 줄 수 있었으면합니다!

Answer 1

모든 <a> 태그를 클래스 보내기를 상태를 확인하고 숨길 다음

<a href="javascript:act();" class="nav-links" rel="#page2">Directories</a> 
<a href="javascript:act();" class="nav-links" rel="#page5">Accounting</a> 
<a href="javascript:act();" class="nav-links" rel="#page6">Advanced</a> 
<a href="javascript:act();" class="nav-links" rel="#page7">Security</a> 

을 그리고 :

if (userid1 != userid2) 
    $(".nav-links").hide(); 

참고 :이 정말 서버에서 처리되어야 클라이언트 쪽보다 경험이 많은 사용자 (거의 모든 사용자)는 개발 도구를 사용하여 숨겨진 요소에 액세스 할 수 있습니다. str 및 username 가정

Answer 2

는

if(str !== username) $("a").hide(); 

이것은 귀하의 질문에 명시된 바와 같이, 모든 링크를 숨 깁니다 .. 당신이 비교하고 싶은, 그러나 그들을 볼 수 없게하는 데 사용되어서는 안된다. 링크가 안전해야하는 경우 서버 측에서 인증을 수행해야합니다.

또한 perens에 싸인 모든 독립 서술문을 제거 할 수 있습니다. 그것들은 어떤 목적으로도 봉사하지 않습니다.

Answer 3

당신은 링크를 통해 문자열 다음 루프를 비교해야

var username1 = 'username1' 
var username2 = 'username2' 

// Do compare 
if (username1 !== username2) { 
    // Loop over the links 
    $.each($('.pxvtablinks a'), function() { 
     // If it doesn't have a rel attribute equal to '#page2'... 
     if ($(this).attr('rel') !== '#page2') { 
      // hide it. 
      $(this).hide() 
     } 
    }) 
} 

예 : https://codepen.io/mark_c/pen/mAQwpE