数字类型输入上的最大值错误消息

时间:2015-05-23 18:39:58

标签: angularjs twitter-bootstrap

我的表单中有一个数字输入框。我为此设置了最小值和最大值。但是,当他输入超过指定的最大值时,我想向用户显示错误消息。

我已写过ng-show,但当用户输入更多最大值时,仍然会显示错误消息

以下是我的代码:

<div class="col-sm-8">
<input type="number" class="form-control" name="maxvaluetest" id="maxvaluetest" ng-model="maxvaluetest" min="0" max="100" ng-change="record()" 
ng-required="showError">
<span class="help-block" style="color:red" ng-show="myform.maxvaluetest.$dirty && myform.maxvaluetest.$invalid">
    <span ng-show="myform.maxvaluetest.$error">{{myform.maxvaluetest.$error}}</span>
</span>

我在这里错过了什么吗?

有没有其他方法可以显示错误消息?我正在使用Angularjs

1 个答案:

答案 0 :(得分:1)

你需要使用最小和最大的角度版本。即

<?php
require_once 'login.php';
$conn = mysqli_connect($db_hostname, $db_username, $db_password, $db_database) or die("Connection failed: " . mysqli_connect_error());

$wineType = $_POST['type'];
$vintner = $_POST['vintner'];

$sql = "INSERT INTO bottleSimple (winetype, vintner)"
        . " values ('$wineType', '$vintner')";

if (mysqli_query($conn, $sql)) {
    echo "Successfully Inserted";
} else {
    echo "Insertion Failed<br />";
    echo $sql;
}
?>

另外,我认为不再需要发生的错误,可能是。

ng-min="0" ng-max="100"

如果您将其放入HTML中,它将打印出用于您的错误消息的版本

myform.maxvaluetest.$error.max