使用用户信息没有提示或确认?

时间:2013-06-24 22:30:27

标签: javascript jquery

我想要做的就是让用户提交信息并能够使用它 - 而不使用提示。

我希望他们能够输入并拥有一个不同的框,以便能够根据信息提供信息。 I.E. 81是一个很大的数字。

var c = prompt("pick a number")
if(c>100){
  console.log("110 is to high of a number") 
}

这就是我所拥有的。我习惯使用JavaScript编辑器并使用console.log。我正在寻找一种方法来根据我收到的信息做到这一点,并能够以不同的<div>或其他方式提供反馈。有人可以帮忙吗?

<input type="text" name="fname" id="fname" />
<input type="text" name="lname" id="lname" />
<input type="submit" value="submit" />

function showConfirmationDialog() {
  var textbox = document.getElementById('textbox');
  var location = document.getElementById('location');
  alert(textbox.value + '\n' + location.value);
}
<input type="button" value="submit" onclick="showConfirmationDialog();" />

1 个答案:

答案 0 :(得分:1)

如果您正在使用jQuery,则可以使用如下所示的点击处理程序:

$('#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);
}

这是一个显示上述代码的fiddle