Tag: 形成
Angular 2：不能绑定到'ngModel'，因为它不是'input'的已知属性
我正在尝试在Angular 2中实现dynamic表单。我已经为dynamic表单添加了“删除”和“取消”等附加function。 我已经按照这个文档： https ： //angular.io/docs/ts/latest/cookbook/dynamic-form.html 我对代码做了一些修改。 我在这里得到错误。 我如何使这个错误去？ 你可以在这里find完整的代码： http ://plnkr.co/edit/SL949g1hQQrnRUr1XXqt?p=preview，这是在plunker中工作，但不是在我的本地系统。 Html代码： <div> <form [formGroup]="form"> <div *ngFor="let question of questions" class="form-row"> <label [attr.for]="question.key">{{question.label}}</label> <div [ngSwitch]="question.controlType"> <input *ngSwitchCase="'textbox'" [formControlName]="question.key" [id]="question.key" [type]="question.type" [(ngModel)]="question.value"> <select [id]="question.key" [(ngModel)]="question.value" *ngSwitchCase="'dropdown'" [formControlName]="question.key" > <option *ngFor="let opt of question.options" [ngValue]="opt.key" >{{opt.value}}</option> </select> <input *ngSwitchCase="'checkbox'" [(ngModel)]="question.value" [id]="question.key" [type]="question.type" (change)="question.value = ck.checked" #ck […]
HTML5 textarea占位符不出现
我无法弄清楚我的标记有什么问题，但文本区域的占位符不会出现。 看起来好像它可能被一些空白和标签覆盖。 当你关注文本区域并从光标放置的地方删除，然后离开文本区域，然后出现正确的占位符。 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> </head> <body> <form action="message.php" method="post" id="message_form"> <fieldset> <input type="email" name="email" id="email" title="Email address" maxlength="40" placeholder="Email Address" autocomplete="off" required /> <br /> <input type="text" name="subject" id="subject" title="Subject" maxlength="60" placeholder="Subject" autocomplete="off" required /> <br /> <textarea name="message" id="message" title="Message" cols="30" rows="5" maxlength="100" placeholder="Message" required> </textarea> […]
添加星号到bootstrap 3中的必填字段？
我的HTML有被称为required类被分配到必填字段。 这里是html： <form action="/accounts/register/" method="post" role="form" class="form-horizontal"> <input type='hidden' name='csrfmiddlewaretoken' value='brGfMU16YyyG2QEcpLqhb3Zh8AvkYkJt' /> <div class="form-group required"> <label class="col-md-2 control-label">Username</label> <div class="col-md-4"> <input class="form-control" id="id_username" maxlength="30" name="username" placeholder="Username" required="required" title="" type="text" /> </div> </div> <div class="form-group required"><label class="col-md-2 control-label">E-mail</label><div class="col-md-4"><input class="form-control" id="id_email" name="email" placeholder="E-mail" required="required" title="" type="email" /></div></div> <div class="form-group required"><label class="col-md-2 control-label">Password</label><div class="col-md-4"><input class="form-control" id="id_password1" name="password1" […]
禁用div内的所有表单元素
有没有办法通过在jquery / javascript中只告诉父div的名称来禁用所有字段（textarea / textfield /选项/input/checkbox/提交等）在窗体中？
JavaScript的 – 基于select更改表单操作？
我试图根据下拉菜单中选定的值更改表单操作… 基本上，这个html看起来像这样： <form class="search-form" id="search-form" method="post" accept-charset="UTF-8" action="/search/user"> <select id="selectsearch" class="form-select" name="selectsearch"> <option value="people">Search people</option> <option value="node">Search content</option> </select> <label>Enter your keywords: </label> <input type="text" class="form-text" value="" size="40" id="edit-keys" name="keys" maxlength="255" /> <input type="submit" class="form-submit" value="Search" id="edit-submit" name="search"/> </form> 如果select了“人物”（默认情况下），动作应该是“/ search / user”，如果select了内容，动作应该是“/ search / content” 我仍然在四处搜寻，但一直没能find如何做到这一点…
Rails隐藏字段未定义的方法“合并”错误
我想在轨道上做这样的事情 这是我迄今在轨道上： <%= form_for @order do |f| %> <%= f.hidden_field :service, "test" %> <%= f.submit %> <% end %> 但是，然后我得到这个错误： undefined method `merge' for "test":String 我如何在rails中的hidden_field中传递值？
Rails 3提交一个包含多个logging的表单
我是新手，所以这可能是一个基本的问题。 我正在尝试创build一个表单，用户可以一次创build3个logging。 我希望用户只需点击一次提交button。 我正在向“评论”模型提交名称，评论和评分。 目前，只有最后一条logging被input到数据库中。 <%= form_for([@user,@review]) do |f| %> <table> <tr> <td>Rank</td> <td>Name</td> <td>Comment</td> </tr> <tr> <td>1</td> <td><%= f.text_field :name %></td> <td><%= f.text_field :comment %></td> <%= f.hidden_field :rating, :value=> "5" %> </tr> <tr> <td>2</td> <td><%= f.text_field :name %></td> <td><%= f.text_field :comment %></td> <%= f.hidden_field :rating, :value=> "3" %> </tr> <tr> <td>3</td> <td><%= f.text_field :name […]
如何在twitter-bootstrap模式窗口中插入一个Django表单？
四月份有人问完全相同的问题 ，没有任何答案。 但是由于他提供的信息太less， 这个问题被放弃了。 我有同样的问题。 在main_page.html我有这一行： <a href="/contact/edit/{{ item.id }}" title="Edit">edit</a> 一旦你点击了，编辑模板就会出现在twitter引导模式中。 url.py (r'^contact/edit/(?P<contact_id>\d+)/$', contact_view), view.py def contact_view(request, contact_id=None): profile = request.user.get_profile() if contact_id is None: contact = Contact(company=profile.company) template_title = _(u'Add Contact') else: contact = get_object_or_404(profile.company.contact_set.all(), pk=contact_id) template_title = _(u'Edit Contact') if request.POST: if request.POST.get('cancel', None): return HttpResponseRedirect('/') form = ContactsForm(profile.company, request.POST, instance=contact) if […]
当AngularJS表单无效时禁用提交button
我有这样的表格： <form name="myForm"> <input name="myText" type="text" ng-model="mytext" required /> <button disabled="{{ myForm.$invalid }}">Save</button> </form> 如您所见，如果input为空，则该button将被禁用，但当它包含文本时，该button不会变回启用状态。 我怎样才能使它工作？
Django基于添加表单编辑表单？
我做了一个很好的表单，还有一个非常复杂的“添加”function来处理它。 像这样开始… def add(req): if req.method == 'POST': form = ArticleForm(req.POST) if form.is_valid(): article = form.save(commit=False) article.author = req.user # more processing … 现在我真的不想在edit()方法中复制所有的function，所以我想edit可以使用完全相同的模板，也许只是添加一个id字段到表单，所以add函数知道它正在编辑。 但是这有几个问题 我将在哪里add func的article.id ？ 它必须在form.save之后，因为这是创build文章的地方，但它永远不会达到这个目的，因为由于唯一约束（除非用户编辑所有内容），表单是无效的。 我可以删除is_valid检查，但是然后form.save失败。 如果表单实际上是无效的，我不会保留在编辑function中dynamic添加的字段。 那我该如何处理呢？
