草庐IT

form_edit

全部标签

javascript - 如何使用当前的 Form API 将父组件的 FormGroup 传递给其子组件

我想将父组件的FormGroup传递给它的子组件,以便使用子组件显示错误消息。给定以下parent:parent.component.tsimport{Component,OnInit}from'@angular/core'import{REACTIVE_FORM_DIRECTIVES,AbstractControl,FormBuilder,FormControl,FormGroup,Validators}from'@angular/forms'@Component({moduleId:module.id,selector:'parent-cmp',templateUrl:'langu

javascript - 如何使用 tcomb-form-native 将电子邮件验证添加到字段?

将tcomb-form-native库与reactnative结合使用-我已将keyboardType设置为电子邮件地址。如何向表单添加正则表达式或电子邮件验证器?我是否必须在提交函数上执行此操作(并抛出一个特殊错误?)或者是否有一个我可以使用该库设置的正则表达式验证字段?我注意到tcomb-validationhttps://github.com/gcanti/tcomb-validationlibrary有一个RegExp类型字段-但我没有看到任何有关如何使用它的示例。显示的示例似乎测试字段是否为正则表达式模式,这是一个令人困惑的用例,因为您通常想要针对正则表达式模式测试字段,而不

javascript - 我怎样才能 console.log #form 值将如何发送?

我知道我们可以通过其选择器手动记录任何输入值console.log('inputName='+$('#inputId').val()+'....)但是有没有更简单的方法来记录所有输入值?是否可以在任何输入更改时执行此操作 最佳答案 您可以使用serialize将表单元素序列化为字符串以进行日志记录。它遵循与正常表单提交相同的规则来包含或不包含元素。唯一需要注意的是inputtype="file"字段的内容未序列化,原因可能很明显。当任何输入改变时触发它:$("form:input").change(function(){consol

javascript - 在 Bootstrap Validator Form 中停止默认表单提交

我已经看到这个问题问过几次了,但它们似乎并不适用于我的情况。在验证测试之前提交我的表单。形式:TitleValueJavaScript:$('#user_fact_form').bootstrapValidator({live:'enabled',message:'Thisvalueisnotvalid',submitButton:'$user_fact_formbutton[type="submit"]',submitHandler:function(validator,form,submitButton){$.post(form.attr('action'),form.serial

javascript - 剑道网格 : Canceling edit deletes new row

这是一个demo为我正在经历的行为。如果您编辑ID为1的现有行,将文本更改为其他内容,然后按取消按钮,该行将正确恢复到其先前的状态。为了重现我的问题,您需要:添加新行按更新按钮保存。再次选择该行并按更新按钮。按取消键该行消失了!即使有类似的问题,我也没有找到满意的答案。有人说我需要定义一个id。从我的演示中可以看出,这没有任何区别,新行有一个id,它仍然消失。当你使用远程数据源时有一些建议,但这对我来说不起作用,我需要使用本地数据。最后,有this回答。虽然它确实可以防止新行消失,但取消该行不会将数据恢复到其旧状态,它只会关闭编辑器并且数据与编辑后的位置相同。

javascript - 单击表单中的 div 元素后,this.form.submit() 不起作用

我尝试使用鼠标点击来测试表单提交,但表单似乎无法使用vanillajavascript提交。我正在使用这个简单的标记和代码:price我可以使用Jquery提交表单,但我不明白为什么this.form.submit()不能使用vanillajavascript?我正在使用Chrome对此进行测试。 最佳答案 div不是表单元素。它没有this.form。您仍然可以执行document.forms.form.submit()(.form因为您有name="form") 关于javascri

javascript - 导入 anuglar2/forms 导致 "Cannot read property ' 未定义注释”

我正在尝试创建简单的表单,如http://angularjs.blogspot.no/2015/03/forms-in-angular-2.html中所述,但是当我添加从'angular2/forms'导入{forms,required};在崩溃中TypeError:Cannotreadproperty'annotations'ofundefinedTypeError:Cannotreadproperty'annotations'ofundefinedatReflectionCapabilities.System.register.execute.$__export.annotatio

javascript - 在 Angular2 中构建 multipart/form-data POST 请求并验证输入类型文件

我有一张图片(base64),需要通过POST请求发送(并等待响应)。POST请求需要是Content-Type:multipart/form-data。图片需要是Content-Type:image/jpgPOST请求应该是这样的:POSThttps://www.url...HTTP/1.1Content-Type:multipart/form-data;boundary=-------------------------acebdf13572468User-Agent:FiddlerHost:www.host.comContent-Length:199640------------

javascript - 没有 "form"标签的 jQuery 验证

根据http://docs.jquery.com/Plugins/Validation“表单”标签是进行验证所必需的。就我而言,我没有表单标签。如何在单击“按钮”类型控件时验证(必填字段)我的文本框 最佳答案 为什么不直接添加一个表单标签呢?如果它是一个输入,那么它通常应该是表单的一部分。 关于javascript-没有"form"标签的jQuery验证,我们在StackOverflow上找到一个类似的问题: https://stackoverflow.com

javascript - 如何获取通过 sails.js 中的表单发送的数组/对象(使用 enctype multipart/form-data)

我在我的表单中嵌套信息以匹配我的模型,这极大地简化了后端的事情,但我无法找到如何在Sails.js中获取数组或对象(或两者的组合)假设我有这样的表格注意:完全需要支持“multipart/form-data”。我希望在req.params.all()obj中得到这样的对象{status:'published',entries:[{title:'Entry1',content:'Entry1Content...'},{title:'Entry2',content:'Entry2Content...'}]}现在调用req.params.all()/req.body时,我得到的是:{stat