JQuery - введите данные в поле ввода и предупредить их на экране

Question

JQuery - введите данные в поле ввода и предупредить их на экране

0

Как создать скрипт, когда вы поместите эти данные (одно окно ввода), оно может измениться на javascript и предупредить об этом?

например, 1. Входные данные:

name=Tom
age=18
sex=Male

Предупреждение:

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

ЭГ2. Входные данные:

name=Mary
age=19
sex=Female

Предупреждение:

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

user2641132 25 сен. 2013, в 09:57

Источник

Теги:

jquery

4 ответа

Ещё вопросы

Steve Robinson · Answer 1 · 2013-09-25T05-55-00.000Z

Хорошо. Я не собираюсь предоставлять вам какой-либо код. Но вот как вы это сделаете.

Создайте текстовые входы HTML для этих переменных и добавьте к ним атрибуты 'id'.
Они создают элемент кнопки HTML и связывают с ним также атрибут "id".
Теперь в JavaScript добавьте слушателя к событию клика на кнопке и передайте функцию, которая получит значения трех текстовых входов (используя их идентификаторы) и будет использовать предупреждение, чтобы отображать их, как вы хотите!

Видеть? Просто.

JQuery - прослушиватель кликов

Он будет вводить данные в одном поле ввода! Я знаю, как использовать функцию щелчка ... но я не знаю, какой формат подходит для JavaScript, чтобы знать, какие данные я печатаю.
Итак, вы будете печатать это в своем текстовом поле? "Мэри - 18 - Женщина"? что-то вроде этого? И вы хотите разобрать это?
Введите 'name = Mary age = 19 sex = Female' в одно текстовое поле, и jquery разбивает или обнаруживает имя и устанавливает его в значение val, как -> var $ name = (~~~ Имя поля ввода ~~~) ; alert ('Name:' + $ name + ');

Jabran Saeed · Answer 2 · 2013-09-25T05-36-00.000Z

Здесь код изменен только для одного входа.

Хитрость заключается в разделении входной строки, чтобы получить то, что вам нужно. Используйте этот синтаксис для ввода "Имя: 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]); 
}

Jabran Saeed · Answer 3 · 2013-09-25T05-23-00.000Z

Вот код. Отредактирован скрипт только для одного входа. Теперь, если вы укажете "Имя: Jabran Age: 25 Sex: male" Вы разделите эту строку с пробелов "". Затем вы можете разделить его, чтобы избавиться от имени: и оставить его с помощью 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>

Мне нужны входные данные в одном поле ввода! не 3 поля ввода.

Tim Sheehan · Answer 4 · 2013-09-25T04-49-00.000Z

Вы можете использовать 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>

И код jQuery выглядит следующим образом:

$(document).ready(function () {
    $('#alert').on('click', function () {
        alert('Name: ' + $('#name').val() + ' Age: ' + $('#age').val() + ' Sex: ' + $('#sex').val());
    });
});

http://jsfiddle.net/BhFGN/

Данные вводятся в одном поле ввода, а не 3!