Javascript 验证 - 检查字符串是否是正确的对象

Question

我有一个文本区域，我需要在其中放置一个对象

[{

  name: 'digitrust',

  params: {

    init: {

      member: 'example_member_id',

      site: 'example_site_id'

    },

    callback: function(digiTrustResult) {

      if (digiTrustResult.success) {

        var el = document.getElementById('dtidOutput');

        console.log('Success', digiTrustResult.identity)

      } else {

        console.error('Digitrust init failed')

      }

    }

  },

  storage: {

    type: 'html5',

    name: 'pbjsdigitrust',

    expires: 60

  }

}]

我将此字符串保存在 mysql db 中，然后使用 php (laravel) 在 javascript 对象中打印它

@if(!empty($useridobj))

try {

    useridobj = {!! $useridobj !!};

    if(typeof useridobj != 'object'){

        useridobj = '';

    }

} catch(err) {

    useridobj = ''

}

@endif

如果我在这个 textarea 中放置了一个正确的 obj 一切正常。但如果我像那样做错了

[{name:'digitrust',para]

控制台返回错误。

所以我想首先在 javascript (angular.js) 中验证该字段。我尝试这样的事情

if(!eval("var this_useridobj = "+ this.form.get("useridobj").value)){

  this.form.get("useridobj").setErrors({ server: "UserId Object is not an object!" });

  console.warn(this.form.get("useridobj"));

  return false;

}

它不起作用。有人可以帮助我吗？

Answer 1

也许您应该在服务器端进行验证，eval或者Function在上面的示例中存在一些安全问题，请参阅此。在这里，您有一种可能的方法，但是可以Function执行任何操作：document.getElementById("validate").addEventListener("click",()=>{const json = document.getElementById("json").value;const valid = (()=>{&nbsp; &nbsp; try {&nbsp; &nbsp; &nbsp; return (typeof (Function("return "+json))() === 'object')?true:false;&nbsp; &nbsp; }&nbsp; &nbsp; catch(error) {&nbsp; &nbsp; &nbsp; return false;}})();console.log(valid)});//Try alert("something") in the textarea<textarea id="json">{prop:[1,2,3}</textarea><button id="validate">validate</button>