使用crypto.js创建文本表单生成器

Use crypto.js to create text form generator

本文关键字：表单 文本 crypto js 创建 使用      更新时间：2023-09-26

我想为我的用户创建一个有两个输入区域的表单，该表单将生成加密文本，我可以在javascript中使用它，就像用户在输入表单字段中交互一样。

例如，我有这个html代码

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

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

HTML代码：

<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>');
      });
  });

首先修复您的代码：

<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>');

祝你一切顺利！

相关文章：