我如何知道提交的用户信息?

时间:2013-06-25 00:50:35

标签: javascript jquery

这就是我所拥有的http://jsfiddle.net/bd9wv/ ...我想要做的是有用户可以输入数字的盒子,并且能够根据他们给出的数字回复...我有什么工作的只有一个...如果有人不介意告诉我......什么是输入,我认为它是var val?我想我应该能够添加更多的盒子。 exp ... var al id="number1" type="text"/> ...然后在js ..... msg = 'Thank you for the wonderful number: ' + (val+al);但这对我不起作用。我想要10盒...但2-3对我来说是好事,看看它是如何完成的。我不理解的是什么是输入和如何使用它...解释一点将是伟大的,我认为提交可能会让我。但如果你有一个例子,我可以看一下它的数字,我会非常感激!!

$('#someButton').click(function () {
        var val = $('#inputFieldId').val();
        var $outputDiv = $('#outputFieldId');
        var msg = '';
        if (! $.isNumeric(val)) {
            msg = 'Please enter a valid number';
        }
        else if (parseInt(val, 10) > 100) {
            msg = 'Enter number less than 100';        
        }
        else {
            msg = 'Thank you for the wonderful number: ' + val;
        }
        $outputDiv.text(msg);
}

2 个答案:

答案 0 :(得分:1)

保留大部分代码,您可以完成这项工作。我将你的ID更改为类,因为会有多个类似的元素。我修改了你的JS的一部分:

var val = $(this).prev(".number").val();
var $outputDiv = $(this).next().next(".feedback");

使用this,您可以找到与用户输入的input最接近的元素。

你的HTML:

Enter number: <input class="number" type="text"/>
<button class="btnNumber">Submit</button>
<br/>
Feedback: <div class="feedback"></div>

演示:http://jsfiddle.net/bd9wv/1/

答案 1 :(得分:0)

我无法理解;但请尝试这是否适用于您或http://jsfiddle.net/bd9wv/2/

示例:

var val = $(this).parent().find('.number').val();

这里我使用了类,并用另一个div

包围html块