如果JavaScript对象属性为空字符串

夏季开发人员

我正在Angular JS中创建一个表单,并希望禁用提交按钮(ng-disabled),直到与该表单关联的模型都被填充为止,这意味着字符串不再为空并且整数不再为零。

处理数字很容易,但是不是价格的其他模型都存储在一个对象中,并且都是空字符串。我希望可以使用一种简单的解决方案ng-disabled来测试该对象的任何属性是否不再包含空字符串。

无论如何,这里有一些代码可以使它变得清晰:

<div class="form-group">
    <label for="pickupDate" style="margin-top: 10px;">Pickup Date</label>
    <select name="pickupDate" ng-model="Oproperties.pickupDate">
        <option value="Tuesday">Tuesday - November 22nd</option>
        <option value="Wednesday">Wednesday - November 23rd</option>
        <option value="Thursday">Thursday - November 24th</option>
    </select>
</div>
<div class="form-group clear-fix">
    <div class="form-group" style="width:45%;float:left;">
        <label for="firstName">First Name</label>
        <input type="text" class="form-control" ng-model="Oproperties.firstName" placeholder="Jill">
    </div>
    <div class="form-group" style="width:45%;float:right;">
        <label for="lastName">Last Name</label>
        <input type="text" class="form-control" ng-model="Oproperties.lastName" placeholder="Smith">
    </div>
</div>
<div class="form-group">
    <label for="phone">Phone</label>
    <input type="text" class="form-control" ng-model="Oproperties.phone" placeholder="Phone Number">
</div>
<div class="form-group">
    <label for="email">Email</label>
    <input type="text" class="form-control" ng-model="Oproperties.email" placeholder="[email protected]">
</div>
<div class="form-group" ng-repeat="(key, value) in breads | groupBy: 'Type'">
    <label class="itemTitle">@{{key}}</label>
    <div ng-repeat="bread in value">
        <label for="@{{bread.Name}}">@{{bread.Name}}</label>
        <select name="@{{bread.Name}} quantity" ng-options="quantityOption as quantityOption.value for quantityOption in quantityOptions track by quantityOption.value" ng-model="bread.quantity" ng-change="calculate()"></select>
        </select>
        <p class="price">@{{bread.Price|currency}} @{{bread.details}}</p>
    </div>
</div>
<button ng-disabled="Oproperties.containsEmptyString()&&totalPrice===0" ng-click="submitOrder()" class="btn btn-default">Submit</button>

该对象看起来像:

 $scope.Oproperties=
    {
    pickupDate:"",
    firstName:"",
    lastName:"",
    phone:"",
    email:""
    }

因此,基本上,我将做什么,而不是Oproperties.containsEmptyString()目前只是概念填充物?

玛丽亚·伊内斯·帕尼萨里(Maria Ines Parnisari)

您可以将所有输入包装在form名为元素中myForm,然后将required属性添加到输入中,然后进行设置

ng-disabled="myForm.$invalid"

到您的提交按钮。

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

使用JsonConverter将Null属性设置为空字符串-System.Text.Json

来自分类Dev

将None对象属性打印为空字符串

来自分类Dev

PDO,检查是否为空字符串,如果为空则不更新

来自分类Dev

XHR responseText为空字符串

来自分类Dev

javascript返回映射,键为空字符串

来自分类Dev

在Universal Analytics中为用户ID传递空字符串或空字符串

来自分类Dev

将空字符串设置为属性文件中键的值

来自分类Dev

如何在属性文件中将空字符串设置为MYSQL数据库的密码。

来自分类Dev

确定javascript对象上的所有属性是否为null或空字符串

来自分类Dev

PHP开关为空字符串

来自分类Dev

快速观察表明等于空字符串的对象不是空字符串

来自分类Dev

在对象中分配为属性值的字符串上的JavaScript字符串插值

来自分类Dev

比较JS对象的值为null和空字符串

来自分类Dev

一个衬里使用空字符串删除JS对象属性

来自分类Dev

使用JsonConverter将Null属性设置为空字符串-System.Text.Json

来自分类Dev

将None对象属性打印为空字符串

来自分类Dev

PDO,检查是否为空字符串,如果为空则不更新

来自分类Dev

javascript返回映射,键为空字符串

来自分类Dev

ImmNotifyIME()是否为空字符串?

来自分类Dev

如果日期为NULL,则显示空字符串

来自分类Dev

通过jQuery为html元素的属性分配空字符串

来自分类Dev

快速观察表明等于空字符串的对象不是空字符串

来自分类Dev

如果对象在PHP中不存在,是否有一种方法可以将对象参数值设置为空字符串

来自分类Dev

如果value为0,则在Angularjs中返回空字符串

来自分类Dev

如何从android中的json对象中删除和解析空字符串并显示为列表

来自分类Dev

将任何值为空字符串的对象字段替换为 null 而无需迭代?

来自分类Dev

如果属性不存在,则显示空字符串

来自分类Dev

检查自定义对象 ArrayList 的属性是否为空字符串?

来自分类Dev

如果设置为零或空字符串,类实例中的初始化属性为“未定义”

Related 相关文章

  1. 1

    使用JsonConverter将Null属性设置为空字符串-System.Text.Json

  2. 2

    将None对象属性打印为空字符串

  3. 3

    PDO,检查是否为空字符串,如果为空则不更新

  4. 4

    XHR responseText为空字符串

  5. 5

    javascript返回映射,键为空字符串

  6. 6

    在Universal Analytics中为用户ID传递空字符串或空字符串

  7. 7

    将空字符串设置为属性文件中键的值

  8. 8

    如何在属性文件中将空字符串设置为MYSQL数据库的密码。

  9. 9

    确定javascript对象上的所有属性是否为null或空字符串

  10. 10

    PHP开关为空字符串

  11. 11

    快速观察表明等于空字符串的对象不是空字符串

  12. 12

    在对象中分配为属性值的字符串上的JavaScript字符串插值

  13. 13

    比较JS对象的值为null和空字符串

  14. 14

    一个衬里使用空字符串删除JS对象属性

  15. 15

    使用JsonConverter将Null属性设置为空字符串-System.Text.Json

  16. 16

    将None对象属性打印为空字符串

  17. 17

    PDO,检查是否为空字符串,如果为空则不更新

  18. 18

    javascript返回映射,键为空字符串

  19. 19

    ImmNotifyIME()是否为空字符串?

  20. 20

    如果日期为NULL,则显示空字符串

  21. 21

    通过jQuery为html元素的属性分配空字符串

  22. 22

    快速观察表明等于空字符串的对象不是空字符串

  23. 23

    如果对象在PHP中不存在,是否有一种方法可以将对象参数值设置为空字符串

  24. 24

    如果value为0,则在Angularjs中返回空字符串

  25. 25

    如何从android中的json对象中删除和解析空字符串并显示为列表

  26. 26

    将任何值为空字符串的对象字段替换为 null 而无需迭代?

  27. 27

    如果属性不存在,则显示空字符串

  28. 28

    检查自定义对象 ArrayList 的属性是否为空字符串?

  29. 29

    如果设置为零或空字符串,类实例中的初始化属性为“未定义”

热门标签

归档