Javascript 一旦按下“提交”，如果输入字段为黑色，则显示验证检查或红色警告_Javascript_Html_Angularjs

Javascript 一旦按下“提交”，如果输入字段为黑色，则显示验证检查或红色警告

javascript html angularjs

Javascript 一旦按下“提交”，如果输入字段为黑色，则显示验证检查或红色警告,javascript,html,angularjs,Javascript,Html,Angularjs,我使用的是Angular，我有一个下拉框和一个输入文本字段我希望在按下搜索按钮后，下拉列表作为一个选择是必需的，然后它将在角度控制器中执行一个功能。如果未选中，我希望下拉列表上方出现红色文本，表示“请诸如此类” 如何以最简单的方式实现这一点我的看法是： <!DOCTYPE html> <html> <head> <title>Asset Disposal Multi Mill Inquiry</title> <meta ht

我使用的是Angular，我有一个下拉框和一个输入文本字段

我希望在按下搜索按钮后，下拉列表作为一个选择是必需的，然后它将在角度控制器中执行一个功能。如果未选中，我希望下拉列表上方出现红色文本，表示“请诸如此类”

如何以最简单的方式实现这一点

我的看法是：

<!DOCTYPE html>

<html>
<head>
<title>Asset Disposal Multi Mill Inquiry</title>
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
</head>
<body><br/>
<div class="col-xs-12 col-sm-12 col-md-4 col-lg-4">
<div class="row ">
    <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12 col-xl-12">


        <div class="form-group">
            <select class="btn btn-info dropdown-toggle" style="width: 92%" ng-model="mill">
                <option value="">Select a Mill </option>
                <option value="608">Tomahawk Mill</option>
                <option value="610">Valdosta Mill</option>
                <option value="620">Counce Mill</option>
                <option value="622">Filer Mill</option>
                <option value="650">DeRidder Mill</option>
                <option value="651">Wallula Mill</option>
                <option value="652">Jackson Mill</option>
                <option value="653">International Falls Mill</option>
           </select>&nbsp;
        </div>

     <div class="form-group">
                <label>Disposal Number</label>
                <input class="form-control" style="width: 92%" type="text" ng-model="id" ng-keyup="$event.keyCode == 13 && search()"/>
                <div class="form-group">
                    <br />
                    <button ng-click="search(mill)" type="button" class="btn btn-med btn-danger">
                        Search
                    </button>
                </div>
            </div>
       </div>
</div>

你的意思是显示错误消息吗？你可以用

小例子：

<form name="userForm">

    <input 
        type="text" 
        name="username" 
        ng-model="user.username" 
        ng-minlength="3" 
        ng-maxlength="8"
        required>

    <div ng-messages="userForm.name.$error">
        <p ng-message="minlength">Your name is too short.</p>
        <p ng-message="maxlength">Your name is too long.</p>
        <p ng-message="required">Your name is required.</p>
    </div>

</form>


您的名字太短了
您的名字太长了
您的姓名是必填项

我认为这不是一个好的做法，但是如果表单脏了，并且没有选择select，那么如果设置为display，您可以将一个带有ng的div放入其中。或者你可以设置一个默认选项。看看表单文档我看到输入文本字段我如何将类似的内容应用到下拉框中？下拉列表中的第一个值是一个空字符串，所以我会查找一些非空字符串的内容，您可以用完全相同的方式使用它。

<form name="userForm">

    <input 
        type="text" 
        name="username" 
        ng-model="user.username" 
        ng-minlength="3" 
        ng-maxlength="8"
        required>

    <div ng-messages="userForm.name.$error">
        <p ng-message="minlength">Your name is too short.</p>
        <p ng-message="maxlength">Your name is too long.</p>
        <p ng-message="required">Your name is required.</p>
    </div>

</form>