Question

我想为我的用户创建具有两个输入区域的表单，表单将生成加密文本，我可以在javascript中使用它，例如用户在输入表单字段中。

例如我有这个HTML代码

<div class='code'>john123/52544888822</div>

我想将这个john123 / 52544888822加密并在javascript函数中接收orgin文本。

HTML code：

<form class='form' name='form' action="" method="">
  <input class="user" type="text" name="user" value="">
  <input class="password" type="text" name="password" value=""/>
  <input class="button" type="button" value="get code"/>
</form>
<div class='code'></div>

Javascript代码：

$('.form').change("input", function() {
  var form_user = $('.user').val(),
      form_password = $('.form .url').val(),
      form_button = $('.form .password');
      form_button.click(function() {
            $('.code').html('<span>[' + form_user + '][' + form_password + ']</span>');
      });
  });

Answer 1

首先修复你的代码：

<form class='form' name='envato-form' action="" method="">
  <input class="user" type="text" name="user" value="">
<input class="code" type="text" name="code" value="">
  <input class="password" type="text" name="password" value=""/>
  <input class="button" type="button" value="get code"/>
</form>
<div class='code'></div>

然后javascript：

$('.form').change("input", function() {
  var form_user = $('.form .user').val();
  var form_code = $('.form .code').val();
  var form_password = $('.form .password').val();
  var form_button = $('.form .button');
      form_button.click(function() {
            $('.code').html('<span>' + form_user + form_code + '/' + form_password + '</span>');
      });
  });

然后是crypto.js

var SHA256 = require("crypto-js/sha256");
$('.code').append('<br><span>'+SHA256($('.code .span').html())+'</span>');

一切顺利！

使用crypto.js创建文本格式生成器

1 个答案: