首页在页面有一个输入框和按钮，并提示请输入100~999之间的数。用jQuery获取输入框的值。要求：1.如果是非法输入，则提示非法输入 2.如果输入数为水仙花数。则提示“该数为水仙花数”；否则提示“该数不为水仙花数”。

在页面有一个输入框和按钮，并提示请输入100~999之间的数。用jQuery获取输入框的值。要求：1.如果是非法输入，则提示非法输入 2.如果输入数为水仙花数。则提示“该数为水仙花数”；否则提示“该数不为水仙花数”。

时间: 2024-12-02 13:27:54 浏览: 16

在页面上实现这个功能，你可以使用jQuery来绑定事件监听和验证输入。首先确保已经引入了jQuery库。以下是一个简单的示例： ```html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Water Lily Number Checker</title> <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script> </head> <body> <input type="number" id="inputNumber" placeholder="请输入100~999之间的数"> <button id="checkButton">检查</button> <p id="result"></p> <script> $(document).ready(function() { // 获取输入框元素 const input = $('#inputNumber'); const result = $('#result'); // 绑定点击事件 $('#checkButton').click(function() { let number = parseInt(input.val()); // 验证输入范围 if (isNaN(number) || number < 100 || number > 999) { result.text('非法输入'); return; } else { result.text(''); // 检查是否为水仙花数 if (isPerfectNumber(number)) { result.text('该数为水仙花数'); } else { result.text('该数不为水仙花数'); } } }); function isPerfectNumber(n) { let sum = 0; for (let i = 1; i * i <= n; i++) { if (n % i === 0) { sum += i; if (i !== n / i) { // 如果不是完全平方数，还要加上另一个因子 sum += n / i; } } } return sum === n && n != 1; } }); </script> </body> </html> ``` 在这个示例中，当用户点击`checkButton`时，我们首先获取输入框的值并转换成整数。然后检查数值是否在100到999之间，如果不是，则显示非法输入的提示。如果在范围内，我们会调用`isPerfectNumber`函数判断是否为水仙花数。如果满足条件，显示相应的提示信息。

阅读全文