客户端Javascript将默认静态值分配给UserName和Email

时间:2018-11-13 17:15:09

标签: javascript

嗨,我在用户填写表单时编写了js客户端并渲染了服务器端,因此在提交表单之前,需要根据Email输入同时填写Username字段。 我的查询是在“电子邮件”字段和“用户名”字段中,值为“ UserName” 和“电子邮件”默认情况下出现,并且我也无法编辑表单能够使用valuse UserName和Email提交的电子邮件字段,这不是我想要的。 以下代码是我的客户端JS

.prev {
  display: none;
}

以下是我使用stringbuilder的C#

<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous">
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js" integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js" integrity="sha384-ChfqqxuZUCnJSK3+MXmPNIyE6ZbWh2IMqE241rYiqJxyMiZ6OW/JmZQ5stwEULTy" crossorigin="anonymous"></script>

<div class="container">
  <a data-toggle="popover" data-container="body" data-placement="right" type="button" class="btn btn-secondary" data-html="true" href="#" id="login">Display</a>
  <div id="popover-content-login" class="d-none">
    <button class="next"> Next</button>
    <button class="prev"> Prev</button>
  </div>
</div>

我将代码添加到C#stringbuilder的原因是使用f12检查时无法在客户端获取Java代码,我看不到我在aspx页面上编写的任何Java代码,因此我使用字符串生成器来得到该代码。

谢谢

1 个答案:

答案 0 :(得分:0)

我设法解决了这个问题。 我使用了以下代码

function change() {
            var Email = document.getElementById('ctl00_ctl40_g_e7fed4bf_b25a_4a8a_943d_e31932556a9e_FBACreateUserWizard_CreateUserStepContainer_Email');
            var UserName = document.getElementById('ctl00_ctl40_g_e7fed4bf_b25a_4a8a_943d_e31932556a9e_FBACreateUserWizard_CreateUserStepContainer_UserName');
            UserName.value = Email.value;
        }

System.Text.StringBuilder sb2 = new System.Text.StringBuilder();
            sb2.AppendLine(@"<script language='javascript'>");
            sb2.AppendLine(@"function change(){");
            sb2.AppendLine(@"var Email = document.getElementById('ctl00_ctl40_g_e7fed4bf_b25a_4a8a_943d_e31932556a9e_FBACreateUserWizard_CreateUserStepContainer_Email');");
            sb2.AppendLine(@"var UserName = document.getElementById('ctl00_ctl40_g_e7fed4bf_b25a_4a8a_943d_e31932556a9e_FBACreateUserWizard_CreateUserStepContainer_UserName');");
            sb2.AppendLine(@"UserName.value=Email.value;");
            sb2.AppendLine(@" }");
            sb2.AppendLine(@"</script>");
if (!Page.ClientScript.IsStartupScriptRegistered("JSScript"))
            {
               Page.ClientScript.RegisterStartupScript(this.GetType(), "JSScript", sb2.ToString());

            }

谢谢