Questions tagged «forms»

我试图在Angular 2中实现动态表单。我向动态表单添加了其他功能，例如删除和取消。我已遵循此文档：https : //angular.io/docs/ts/latest/cookbook/dynamic-form.html 我对代码进行了一些更改。我在这里出错。 我如何使此错误消失？ 您可以在此处找到完整的代码：http : //plnkr.co/edit/SL949g1hQQrnRUr1XXqt?p=preview，它可以在插件中使用，但不能在我的本地系统中使用。 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 = …

178 forms  angular  angular2-template  angular2-forms 

我想以如下形式创建一个选项 [] I would like to order a [selectbox with pizza] pizza 其中，只有在选中复选框的情况下才启用选择框，而在未选中时禁用选择框。 我想出了这段代码： <form> <input type="checkbox" id="pizza" name="pizza" value="yes"> <label for="pizza"> I would like to order a</label> <select name="pizza_kind"> <option>(choose one)</option> <option value="margaritha">Margaritha</option> <option value="hawai">Hawai</option> </select> pizza. </form> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"> </script> <script> var update_pizza = function () { if …

177 jquery  html  forms 

如何防止表单使用jquery提交？ 我尝试了所有操作-请在下面查看3个不同的选项，但都无法使用： $(document).ready(function() { //option A $("#form").submit(function(e){ e.preventDefault(); }); //option B $("#form").submit(function(e){ stopEvent(e); }); //option C $("#form").submit(function(){ return false; }); }); 有什么事吗 更新-这是我的html： <form id="form" class="form" action="page2.php" method="post"> <!-- tags in the form --> <p class="class2"> <input type="submit" value="Okay!" /> </p> </form> 这里有什么问题吗？

176 jquery  forms 

我可以在HTML表单中使用PUT方法将数据从表单发送到服务器吗？

175 html  forms  http 

这真让我发疯，我不知所措，不能再为此花整整一天的时间。 我正在尝试在组件内手动设置一个控制值（'dept'），但它不起作用-甚至新值也无法正常记录。 这是FormBuilder实例： initForm() { this.form = this.fb.group({ 'name': ['', Validators.required], 'dept': ['', Validators.required], 'description': ['', Validators.required], }); } 这是接收选定的部门的事件处理程序： deptSelected(selected: { id: string; text: string }) { console.log(selected) // Shows proper selection! // This is how I am trying to set the value this.form.controls['dept'].value = selected.id; } 现在，提交表单并注销后，this.form该字段仍为空白！我看过其他ppl的用法，updateValue()但这是beta.1，但我不认为这是调用控件的有效方法。 我也曾尝试致电updateValueAndValidity()失败，:(。 …

175 forms  components  angular 

我有这样的表格： <form name="myForm"> <input name="myText" type="text" ng-model="mytext" required /> <button disabled="{{ myForm.$invalid }}">Save</button> </form> 如您所见，如果输入为空，则该按钮将被禁用，但是当包含文本时，该按钮不会变回启用状态。我该如何运作？

174 forms  angularjs  button  disabled-control 

在Ruby on Rails 3（当前使用Beta 4）中，我看到使用form_tag或form_for帮助器时，会显示一个隐藏字段，其名称_snowman为field（Unicode \ x9731）。 那么，这是为了什么呢？

174 ruby-on-rails  forms  unicode 

我正在为我使用Bootstrap JSP页面。 我想使用<fieldset>和<legend>填写表格。这是我的代码。 <fieldset class="scheduler-border"> <legend class="scheduler-border">Start Time</legend> <div class="control-group"> <label class="control-label input-label" for="startTime">Start :</label> <div class="controls bootstrap-timepicker"> <input type="text" class="datetime" id="startTime" name="startTime" placeholder="Start Time" /> <i class="icon-time"></i> </div> </div> </fieldset> CSS是 fieldset.scheduler-border { border: 1px groove #ddd !important; padding: 0 1.4em 1.4em 1.4em !important; margin: 0 0 1.5em 0 …

173 html  css  forms  twitter-bootstrap 

使用支持HTML5的较新浏览器时（例如FireFox 4）； 表单字段具有属性required='required'; 表单字段为空/空白； 然后单击提交按钮； 浏览器检测到“必填”字段为空，不提交表单；而是浏览器显示提示，要求用户在字段中键入文本。 现在，我没有一组文本框，而是一组复选框，其中至少有一个应由用户选中/选择。 如何required在这组复选框上使用HTML5 属性？（由于仅需要选中一个复选框，因此无法将required属性放在每个复选框上） ps。我正在使用simple_form，如果那很重要。 更新 可以在HTML 5 multiple的属性是有帮助吗？之前有人使用它来做类似我的问题的事情吗？ 更新 这似乎是这个功能不是HTML5规范的支持： ISSUE-111：什么输入@为@type =复选框需要的意思。？ （问题状态：问题已标记为已关闭，没有任何偏见。）这是解释。 更新2 这是一个古老的问题，但想澄清一下，该问题的初衷是能够在不使用Javascript的情况下完成上述操作，即使用HTML5做到这一点。回想起来，我本该使“没有Java脚本”更加引人注目。

172 forms  html  validation  checkbox 

我试图制作一个由两个输入字段组成的登录表单，并带有插入填充，但是这两个字段总是最终超出其父级的边界。该问题源于添加的插图填充。为了解决此问题可以采取什么措施？ JSFiddle代码段：http：//jsfiddle.net/4x2KP/ 注意：该代码可能不是最干净的。例如，完全不需要封装文本输入的span元素。 #mainContainer { line-height: 20px; font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; background-color: rgba(0,50,94,0.2); margin: 20px auto; display: table; -moz-border-radius: 15px; border-style: solid; border-color: rgb(40, 40, 40); border-radius: 2px 5px 2px 5px / 5px 2px 5px 2px; border-radius: 2px; border-radius: 2px 5px / 5px; box-shadow: 0 5px 10px 5px rgba(0,0,0,0.2); } .loginForm …

172 css  forms  input  width 

我的表单需要服务器处理一些时间。我需要确保用户等待并且不会再次单击按钮来尝试重新提交表单。我尝试使用以下jQuery代码： <script type="text/javascript"> $(document).ready(function() { $("form#my_form").submit(function() { $('input').attr('disabled', 'disabled'); $('a').attr('disabled', 'disabled'); return true; }); }); </script> 当我在Firefox中尝试此操作时，所有功能都被禁用，但是该表单未与应该包含的任何POST数据一起提交。我不能使用jQuery提交表单，因为我需要将按钮与表单一起提交，因为有多个提交按钮，并且我确定POST包含哪个值使用了哪个。我需要像平常一样提交表单，并且在发生这种情况后我需要立即禁用所有内容。 谢谢！

170 javascript  jquery  double-submit-prevention  forms  http-post 

我有一个带有两个按钮的页面。一个是<button>元素，另一个是<input type="submit">。按钮按此顺序显示在页面上。如果我在表单中任意位置的文本字段中，然后按<Enter>，click则触发按钮元素的事件。我认为那是因为button元素位于第一个位置。 我找不到任何看起来像是设置默认按钮的可靠方法的东西，在这一点上我也不一定想要。在没有更好的方法的情况下，我在窗体上的任何地方都捕获了按键，并且，如果它是<Enter>被按下的键，那么我就是在否定它： $('form').keypress( function( e ) { var code = e.keyCode || e.which; if( code === 13 ) { e.preventDefault(); return false; } }) 据我所知，它似乎正在工作，但感觉很难受。 有谁知道更复杂的技术来做到这一点？ 同样，我只是不知道该解决方案有什么陷阱？ 谢谢。

168 javascript  jquery  html  forms  enter 

只是想知道Javascript是否内置了可以采用Form并返回查询参数的任何内容，例如： "var1=value&var2=value2&arr[]=foo&arr[]=bar..." 我多年来一直在想这个问题。

167 javascript  string  forms  get 

我的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 …

166 css  forms  twitter-bootstrap-3  form-fields 

我使用以下语法来发布文件以及一些参数： curl -v -include --form "key1=value1" --form upload=localfilename URL 该文件的大小约为500K。首先，我看到发送端的内容长度为254。稍后服务器响应的内容长度为0。我在哪里出错？ 这是命令的完整跟踪。 * Couldn't find host xxx.xxx.xxx.xxx in the _netrc file; using defaults * About to connect() to xxx.xxx.xxx.xxx port yyyy (#0) * Trying xxx.xxx.xxx.xxx... * Adding handle: conn: 0x4b96a0 * Adding handle: send: 0 * Adding handle: recv: 0 * …

164 forms  post  curl