我按发送按钮,我想检查输入是否是 1 - 30 之间的数字。 如果它不是数字警报和错误。
<form action="index.php" method="post" id="formFlow">
<label for="level">Level:</label>
<input type="text" name="level" id="level" class="difborder1" />
</form>
这是一个 jquery 解决方案:
您可以在提交时使用 $.isNumeric()
检查输入是否为 int
如果没有,则显示错误消息,您必须禁用表单提交,以便您可以使用preventDefault()
功能
$(document).ready(function(){
$('#check_label').click(function (e){
if($.isNumeric($('#level').val()) && $('#level').val() >=1 && $('#level').val() <=30) { alert("Ok");}
else{
e.preventDefault();
alert("error");
}
});
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<form action="index.php" method="post" id="formFlow">
<label for="level">Level:</label>
<input type="text" name="level" id="level" class="difborder1" value="" />
<input type="submit" id="check_label" value="Go">
</form>
你可以使用它 这是JavaScript中的简单验证
function validate(){
var level_chk = document.formFlow.level.value;
if(isNaN(level_chk)|| level_chk > 30){
alert("write whatever you want");
return false;
}
}
<form action="index.php" method="post" id="formFlow" name="formFlow" onsubmit="validate();">
<label for="level">Level:</label>
<input type="text" name="level" id="level" class="difborder1" />
<input type="submit" name="btnsub" id="btnsub">
</form>
例如,
当PHP收到POST请求时,你可以使用它。
<?php
if (isset($_POST['level'])
{
if (!is_numeric($_POST['level']))
{
echo 'Error, the number is not numeric !';
}
}
?>
在您的
表单中只需使用
<input type="number" name="nome" value="0">
使用html 5
输入:
<form>
<input type="number" name="Q2age" id="Q2age" size="10" min="18" max="99" pattern="[1-8][0-9]" required>
<button type="submit" class="button" id="test">Submit</button>
</form>
下面是一个代码片段:
<form>
<input type="number" name="Q2age" id="Q2age" size="10" min="18" max="99" pattern="[1-8][0-9]" required>
<button type="submit" class="button" id="test">Submit</button>
</form>