Javascript 如何从F12隐藏HTML&;检查元素,sers不应能够编辑我的禁用字段

Javascript 如何从F12隐藏HTML&;检查元素,sers不应能够编辑我的禁用字段,javascript,jquery,html,Javascript,Jquery,Html,请帮助我,在我的应用程序中,我将根据条件启用和禁用字段,但当我按下f12时,我也能够编辑禁用字段,因此我实现了一种小型的黑客实现,但不确定这是否是更好的方法 请向我推荐更好的方法 <%@ taglib uri="/struts-tags" prefix="s"%> <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <title>Pro

请帮助我,在我的应用程序中,我将根据条件启用和禁用字段,但当我按下f12时,我也能够编辑禁用字段,因此我实现了一种小型的黑客实现,但不确定这是否是更好的方法 请向我推荐更好的方法

<%@ taglib uri="/struts-tags" prefix="s"%>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title>Profile</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
    <link href="http://netdna.bootstrapcdn.com/bootstrap/3.1.0/css/bootstrap.min.css" rel="stylesheet">
    <style type="text/css">                                                                    
    </style>

    <script>
    function divFunction(user){
        event.preventDefault();   
        $.ajax({
            type: 'POST',
            url:'publicProfile.action?userNbk='+user,
            dataType: 'text',
            success: function(data){
                var obj = jQuery.parseJSON(data);
                document.getElementById("userNameHeader").innerHTML = obj.articleUserName;
                document.getElementById("publicEmail").innerHTML = obj.articleUserEmail;
                document.getElementById("publicNbk").innerHTML = obj.articleUserNbk;
                document.getElementById("publicPid").innerHTML = obj.articleUserPersonId;
                document.getElementById("publicGender").innerHTML = obj.articleUserGender;
                document.getElementById("publicJob").innerHTML = obj.articleUserOccupation;
                document.getElementById("publicAddress").innerHTML = obj.articleUserAddress;
                document.getElementById("publicIntrests").innerHTML = obj.articleUserIntrests;
           }}); 
    }
    </script>
    <script type="text/javascript">

    function isConsoleOpen() {
        alert("hello");
          var startTime = new Date();
          debugger;
          var endTime = new Date();
          return endTime - startTime > 10;
        }

    $(document).ready(function() {
        alert("helo");  
        if(isConsoleOpen()) {
            /* alert("You're one sneaky dude, aren't you ?") */
            document.getElementById("aaaaaa").innerHTML="You're one sneaky dude, aren't you ?";
        }
    })

    $(document).keydown(function(event){
    if(event.keyCode==123){
    return false;
   }
    else if(event.ctrlKey && event.shiftKey && event.keyCode==73){        
      return false;  //Prevent from ctrl+shift+i
   }
});
    $(document).bind("contextmenu",function(e) {
         e.preventDefault();
    });

    </script>
</head>
<body>
<div id="aaaaaa">
    <form>
        <input type="text" disabled="disabled">
        <input type="text" disabled="disabled">
        <input type="text" disabled="disabled">
        <input type="text" disabled="disabled">
    </form>
</div>
</body>
</html>

轮廓
函数divFunction(用户){
event.preventDefault();
$.ajax({
键入:“POST”,
url:'publicProfile.action?userNbk='+用户,
数据类型:“文本”,
成功:功能(数据){
var obj=jQuery.parseJSON(数据);
document.getElementById(“userNameHeader”).innerHTML=obj.articleUserName;
document.getElementById(“publicEmail”).innerHTML=obj.articleUserEmail;
document.getElementById(“publicNbk”).innerHTML=obj.articleUserNbk;
document.getElementById(“publicPid”).innerHTML=obj.articleUserPersonId;
document.getElementById(“publicGender”).innerHTML=obj.articleUserGender;
document.getElementById(“publicJob”).innerHTML=obj.articleUserOccupation;
document.getElementById(“publicAddress”).innerHTML=obj.articleUserAddress;
document.getElementById(“PublicIntress”).innerHTML=obj.ArticleUserIntress;
}}); 
}
函数isConsoleOpen(){
警惕(“你好”);
var startTime=新日期();
调试器;
var endTime=新日期();
返回结束时间-开始时间>10;
}
$(文档).ready(函数(){
警报(“直升机”);
if(isConsoleOpen()){
/*警惕(“你是个狡猾的家伙,不是吗?”)*/
document.getElementById(“aaaaa”).innerHTML=“你是个狡猾的家伙,不是吗?”;
}
})
$(文档).keydown(函数(事件){
if(event.keyCode==123){
返回false;
}
如果(event.ctrlKey&&event.shiftKey&&event.keyCode==73){
返回false;//防止ctrl+shift+i
}
});
$(文档).bind(“上下文菜单”,函数(e){
e、 预防默认值();
});

阻止HTML被查看和/或编辑是不可能的。

阻止HTML被查看和/或编辑是不可能的。

要具体回答您的问题,没有办法阻止用户编辑您禁用的字段。不可能阻止用户查看和编辑您的HTML

只有使用服务器端验证才能真正解决这个问题。如果有一个字段您不想将文本传递到其中,您只需要在服务器端设置某种验证,以不处理该字段中的数据。不幸的是,这只是web开发的一部分

创建“黑客”解决方案不是一个好主意。它会导致无法管理的代码,在这种情况下,它甚至无法解决问题


事实上,(是的,这是基于观点的),我甚至会说这会鼓励人们搞乱你的领域,因为如果我在你的代码中四处搜寻,我看到你试图阻止我,我要做的第一件事就是尝试绕过你的黑块。100次中有100次,我会成功。

为了具体回答您的问题,没有办法阻止用户编辑禁用的字段。不可能阻止用户查看和编辑您的HTML

只有使用服务器端验证才能真正解决这个问题。如果有一个字段您不想将文本传递到其中,您只需要在服务器端设置某种验证,以不处理该字段中的数据。不幸的是,这只是web开发的一部分

创建“黑客”解决方案不是一个好主意。它会导致无法管理的代码,在这种情况下,它甚至无法解决问题


事实上,(是的,这是基于观点的),我甚至会说这会鼓励人们搞乱你的领域,因为如果我在你的代码中四处搜寻,我看到你试图阻止我,我要做的第一件事就是尝试绕过你的黑块。100次中有100次,我会成功。

“我实现了一种小型的黑客实现” — 请回答您的问题,并解释您的黑客实际上是什么以及它的作用。什么意义上的“更好”?您可以在元素上附加一个
click
监听器,该监听器可以更改某个函数中反映其状态的局部变量。然后,该变量将用于您需要的任何内容。如果从外部无法访问该函数,您可能会接近阻止这些操作。请始终使用服务器端验证。您无法阻止用户使用浏览器开发工具,或者完全绕过浏览器,从其他工具调用您的URL。(另外,测试控制台在页面加载时是否打开并不能告诉您任何有用的信息。)“我已经实现了一种小型的hack实现” — 请回答您的问题,并解释您的黑客实际上是什么以及它的作用。什么意义上的“更好”?您可以在元素上附加一个
click
监听器,该监听器可以更改某个函数中反映其状态的局部变量。然后,该变量将用于您需要的任何内容。如果从外部无法访问该函数,您可能会接近阻止这些操作。请始终使用服务器端验证。您无法阻止用户使用浏览器开发工具,或者完全绕过浏览器,从其他工具调用您的URL。(同时,测试控制台是否为o