Javascript :/说得好。我是否必须使用该插件,或者我是否可以找到一个不依赖于该插件的代码?您可以编写一个验证函数,在提交表单时调用该函数,如果验证失败(数字不在预期范围内),则应返回false(并因此停止提交)不是所有人都置身于公司环境之外,可以忽略IE 7 8和9;
Javascript :/说得好。我是否必须使用该插件,或者我是否可以找到一个不依赖于该插件的代码?您可以编写一个验证函数,在提交表单时调用该函数,如果验证失败(数字不在预期范围内),则应返回false(并因此停止提交)不是所有人都置身于公司环境之外,可以忽略IE 7 8和9;,javascript,jquery,html,Javascript,Jquery,Html,:/说得好。我是否必须使用该插件,或者我是否可以找到一个不依赖于该插件的代码?您可以编写一个验证函数,在提交表单时调用该函数,如果验证失败(数字不在预期范围内),则应返回false(并因此停止提交)不是所有人都置身于公司环境之外,可以忽略IE 7 8和9;即使没有MS支持包。。。不是所有人都置身于公司环境之外,可以忽略IE 7 8和9;即使没有MS支持包。。。很酷,非常感谢。我现在正在工作,所以我回家后会测试代码,然后给你的答案打分:)我刚才在读你的答案。我的号码保存在MySQL数据库中。这意味
:/说得好。我是否必须使用该插件,或者我是否可以找到一个不依赖于该插件的代码?您可以编写一个验证函数,在提交表单时调用该函数,如果验证失败(数字不在预期范围内),则应返回false(并因此停止提交)不是所有人都置身于公司环境之外,可以忽略IE 7 8和9;即使没有MS支持包。。。不是所有人都置身于公司环境之外,可以忽略IE 7 8和9;即使没有MS支持包。。。很酷,非常感谢。我现在正在工作,所以我回家后会测试代码,然后给你的答案打分:)我刚才在读你的答案。我的号码保存在MySQL数据库中。这意味着我必须做一些服务器的网站?你有没有一个链接,我可以在那里读到更多关于这方面的内容,或者你知道我需要在代码中添加什么。是的,你需要一个服务器端语言来接受post参数(在php$_post['numbervalue']中包含你的数字),你可以在服务器上验证它是否大于1且小于99;如果没有,则向用户返回一个错误,并使用JavaScript显示消息。如果成功,请使用JavaScript通知用户。您需要知道如何响应AJAX请求——无论是纯文本、xml还是JSON。我更喜欢JSON-。非常感谢您的回答。在结束提问之前,我还有最后一个问题。我已经用你的代码更新了我的qestion。当我运行代码时,我仍然可以输入FX200,并在200上得到响应。我不知道哪里出了问题。我的span id=“testnumber”没有给我任何信息。你知道错误在哪里吗?对不起,我已经离开几天了。现在#sub有两个单击侦听器,您应该只使用一个。不要在我的答案中返回true,而是将其替换为表单提交函数(因此,如果验证通过,它将执行AJAX提交)。如果您像正常情况一样提交(客户端被重定向到action参数,而不是使用AJAX),您将返回true;但是,如果您使用AJAX提交表单信息,只需这样做,而不是返回true。非常感谢。我现在正在工作,所以我回家后会测试代码,然后给你的答案打分:)我刚才在读你的答案。我的号码保存在MySQL数据库中。这意味着我必须做一些服务器的网站?你有没有一个链接,我可以在那里读到更多关于这方面的内容,或者你知道我需要在代码中添加什么。是的,你需要一个服务器端语言来接受post参数(在php$_post['numbervalue']中包含你的数字),你可以在服务器上验证它是否大于1且小于99;如果没有,则向用户返回一个错误,并使用JavaScript显示消息。如果成功,请使用JavaScript通知用户。您需要知道如何响应AJAX请求——无论是纯文本、xml还是JSON。我更喜欢JSON-。非常感谢您的回答。在结束提问之前,我还有最后一个问题。我已经用你的代码更新了我的qestion。当我运行代码时,我仍然可以输入FX200,并在200上得到响应。我不知道哪里出了问题。我的span id=“testnumber”没有给我任何信息。你知道错误在哪里吗?对不起,我已经离开几天了。现在#sub有两个单击侦听器,您应该只使用一个。不要在我的答案中返回true,而是将其替换为表单提交函数(因此,如果验证通过,它将执行AJAX提交)。如果您像正常情况一样提交(客户端被重定向到action参数,而不是使用AJAX),您将返回true;但是,如果您使用AJAX提交表单信息,只需这样做,而不是返回true。
<div class="content">
<p id="number"></p>
<div class="form">
<form id="myForm" action="select.php" method="post">
<input type="number" name="numbervalue" id="numberinput">
<input type="submit" id="sub" Value="Submit">
<span id="result"></span>
<span id="testnumber"></span>
</form>
</div>
</div>
var minNumberValue = 1;
var maxNumberValue = 99;
$('#sub').click(function(e){
e.preventDefault();
var numberValue = $('input[name=numbervalue]').val();
if(isNaN(numberValue) || numberValue == ''){
$('#testnumber').text('Please enter a number.')
return false;
}
else if(numberValue < minNumberValue){
$('#testnumber').text('You are below.')
return false;
}
else if(numberValue > maxNumberValue){
$('#testnumber').text('You are above.')
return false;
}
return true;
});
// Insert function for number
function clearInput() {
$("#myForm :input").each( function() {
$(this).val('');
});
}
$(document).ready(function(){
$("#sub").click( function(e) {
e.preventDefault(); // remove default action(submitting the form)
$.post( $("#myForm").attr("action"),
$("#myForm :input").serializeArray(),
function(info){
$("#result").html(info);
});
clearInput();
});
});
// Recieve data from database
$(document).ready(function() {
setInterval(function () {
$('.latestnumbers').load('response.php')
}, 3000);
});
var minNumberValue = 1;
var maxNumberValue = 99;
$('#sub').click(function(e){
e.preventDefault();
var numberValue = $('input[name=numbervalue]').val();
if(isNaN(numberValue) || numberValue == ''){
$('#result').text('Please enter a number.')
return false;
}
else if(numberValue < minNumberValue){
$('#result').text('You are below.')
return false;
}
else if(numberValue > maxNumberValue){
$('#result').text('You are above.')
return false;
}
return true;
});
<input type="number" name="numbervalue" min="1" max="99">