jQuery-将数据键入输入框并在屏幕上对其发出警报_Jquery

jQuery-将数据键入输入框并在屏幕上对其发出警报

jquery

jQuery-将数据键入输入框并在屏幕上对其发出警报,jquery,Jquery,当将这些数据放入（单个输入框）时，如何生成脚本，它可以更改为javascript值并发出警报 eg1。输入数据： name=Tom age=18 sex=Male alert ('Name:'+$name+', Age:'+$age+', Sex:'+$sex); //Name:Tom, Age:18, Sex:Male name=Mary age=19 sex=Female alert('Name:'+$name+', Age:'+$age+', Sex:'+$sex); //Nam

当将这些数据放入（单个输入框）时，如何生成脚本，它可以更改为javascript值并发出警报

eg1。输入数据：

name=Tom
age=18
sex=Male

alert ('Name:'+$name+', Age:'+$age+', Sex:'+$sex);  //Name:Tom, Age:18, Sex:Male

name=Mary
age=19
sex=Female

alert('Name:'+$name+', Age:'+$age+', Sex:'+$sex);  //Name:Mary, Age:19, Sex: Female

警报：

name=Tom
age=18
sex=Male

alert ('Name:'+$name+', Age:'+$age+', Sex:'+$sex);  //Name:Tom, Age:18, Sex:Male

name=Mary
age=19
sex=Female

alert('Name:'+$name+', Age:'+$age+', Sex:'+$sex);  //Name:Mary, Age:19, Sex: Female

eg2。输入数据：

name=Tom
age=18
sex=Male

alert ('Name:'+$name+', Age:'+$age+', Sex:'+$sex);  //Name:Tom, Age:18, Sex:Male

name=Mary
age=19
sex=Female

alert('Name:'+$name+', Age:'+$age+', Sex:'+$sex);  //Name:Mary, Age:19, Sex: Female

警报：

name=Tom
age=18
sex=Male

alert ('Name:'+$name+', Age:'+$age+', Sex:'+$sex);  //Name:Tom, Age:18, Sex:Male

name=Mary
age=19
sex=Female

alert('Name:'+$name+', Age:'+$age+', Sex:'+$sex);  //Name:Mary, Age:19, Sex: Female

好的。我不会给你提供任何代码。但你会这么做的

为这些变量创建HTML文本输入，并为其添加“id”属性

它们创建一个HTML按钮元素，并将“id”属性与之关联

现在在JavaScript中，向按钮上的click事件添加一个监听器，并传递一个函数，该函数将获取三个文本输入的值（使用它们的ID），并使用alert来显示它们看到了吗？简单

这是代码。仅为一个输入编辑脚本。现在，如果您输入“姓名：Jabran年龄：25性别：男性” 您将从空格“”中拆分此字符串。然后，您可以进一步拆分它以除去Name:并留下Jabran

<html>
<head>
<script>
function alertStuff(){
var stuff = $("#stuff").val();
temp = stuff.split(' ');
var name = temp[0].split(":");
var age = temp[1].split(":");
var sex = temp[2].split(":");
alert('Name:'+name[1]+', Age:'+age[1]+', Sex:'+sex[1]);
}
</script>

</head>
<body>
<input type="text" id="stuff"/>
<button onClick="alertStuff()">Click for Alert!</button>
</body>
</html>


函数alertStuff（）{
var stuff=$（“#stuff”）.val（）；
温度=物料分割（“”）；
var name=temp[0]。拆分（“：”；
var age=temp[1]。拆分（“：”）；
变量sex=temp[2]。拆分（“：”）；
警报（'Name:'+Name[1]+'，年龄：'+Age[1]+'，性别：'+Sex[1]）；
}
点击查看警报！

您可以使用jQuery来实现这一点：

<input type="text" id="name" value="Mary">
<input type="text" id="age" value="19">
<input type="text" id="sex" value="female">
<a href="#" id="alert">Alert</a>

以下是仅针对一个输入修改的代码

诀窍在于拆分输入字符串以获得所需内容。使用此语法输入“姓名：Jabran年龄：25性别：男性

这个函数呢

function alertStuff(){
var stuff = $("#stuff").val();
temp = stuff.split(' ');  
var name = temp[0].split(":");
var age = temp[1].split(":");
var sex = temp[2].split(":");
alert('Name:'+name[1]+', Age:'+age[1]+', Sex:'+sex[1]); 
}

无法理解您的问题…它是一个

输入框还是三个不同的框？一些HTML代码会很有帮助。Javascript在变量名之前没有$
。如果您想用jQuery获取ID，它应该看起来像$（“名称”）
与$name
相比，我建议你花点时间学习jQuery或javascript。你的任务就像ABC一样简单。你甚至不需要深入挖掘。这些只是基础。它在一个输入框中！我需要在一个输入框中输入数据！不是3个输入框。数据在一个输入框中输入，不是3个！它将输入数据ta在单个输入框中！我知道如何使用单击功能…但我不知道哪种格式适合javascript来知道我键入的数据。好的，那么您将在您的单个文本字段中键入此内容？“Mary-18-Female”" ? 像这样的？要解析它吗？在单个文本字段中键入'name=Mary age=19 sex=Female'，jquery拆分或检测该名称并将其设置为val，就像-->var$name=（~~~输入框的名称~~）；警报（'Name:'+$Name+'）；