Question

您要输入全名的第一个文本框。例如，Michael Chu

在第二个文本框中，您将输入您的完整地址：例如，3141 Chestnut Street，Philadelphia，PA 19104

点击提交按钮后：

它将在第三个文本框中显示以下内容（姓氏优先，逗号，空格和名字）

楚，迈克尔

它将在第四个文本框中显示以下内容（名字的第一个字符，姓氏的第一个字符和地址框中的最后4个字符）

MC9104

到目前为止，我有这个：

   var FullName = document.forms["Validate"]["FullName"].value;

    if (FullName == "") {

    alert("Please enter a Full Name");

    return false;
    }
var space = FullName.indexOf(" ");

var LastName = FullName.substring(Space+1);

var FirstName = FullName.substring(0, Space);

FirstName+LastName;


var Char1 = FirstName.charAt(0);
var Char2 = LastName.charAt(0);
var AddressSplit=Address.length-4;
var finalAddress=address.substring(addressSplit);

concat(Char1,Char2,finalAddress);

Answer 1

这听起来像是一个家庭作业问题而且你想要有人为你编写代码（我希望这些都不是真的......）

但是，任务明确指出应该使用TEXT BOX（这是在HTML文件中输入数据的正确方法） - 那你为什么要使用ALERT ???

阅读HTML INPUT - 它应该类似于

<input type="text" name="fullname" />

每个输入都是相似的。

此外，您还需要阅读有关FORMS的信息，因为任务说明在提交按钮后执行某些操作。表单中有输入框，所以像......

<form method="post" action="">
    <input type="text" name="fullname" />
    <input type="submit" />
</form>

现在，这只是一个基本的开始 - 你需要做更多工作 - 包括用于更新其他方框的javascript等......

如果这是一个家庭作业问题，听起来你在课堂上并没有太多关注......

Answer 2

我希望这可以帮到你

＆＃13;

<!DOCTYPE html>
    <html>
    <body>
      <script language="JavaScript">
    function getdata(){
      var fullname = document.getElementById("fullname").value;
      var address= document.getElementById("address").value;
      var arrname=fullname.split(" ");
      var pos=fullname.search(" ");
      document.getElementById('result1').value = arrname[1]+'. '+arrname[0] ;
      document.getElementById('result2').value = fullname[0]+fullname.slice(pos+1,pos+2)+address.slice(-4,address.length) ;
          }
    </script>

    <div class="input">
    <textarea id = "fullname" rows = "6" cols = "80">
    </textarea>
    </div>

    <div class="input">
    <textarea id = "address" rows = "6" cols = "80">
    </textarea>
    </div>

    <div class="push">
    <button onclick="getdata()">Get</button>
    </div>

    <div class="result">
    <textarea id = "result1" rows = "6" cols = "80">
    </textarea>
    </div>
    
    <div class="result">
    <textarea id = "result2" rows = "6" cols = "80">
    </textarea>
    </div>
    
    </body>
    </html>

＆＃13;

组合实验室

2 个答案: