使用angular 2禁用continue/next按钮jquery步骤
我需要禁用jquery步骤的continue按钮,直到满足确切条件。。 例:如果不填写用户名,用户不能允许继续(只需禁用它) 在这种情况下,我该怎么做使用angular 2禁用continue/next按钮jquery步骤,jquery,angular,jquery-steps,Jquery,Angular,Jquery Steps,我需要禁用jquery步骤的continue按钮,直到满足确切条件。。 例:如果不填写用户名,用户不能允许继续(只需禁用它) 在这种情况下,我该怎么做 提前感谢您应该看看模板驱动表单。在进行Angular 2开发时,需要掌握一些关键概念,这就是其中之一。这需要一些时间,但值得付出努力: 因此,基于此,如果要创建一个封装所有字段的表单元素,并将required属性添加到需要填充的元素(例如:userName),那么如果任何必填字段未填充,则该按钮将被禁用 带有必需属性的输入示例: <
提前感谢您应该看看
模板驱动表单
。在进行Angular 2开发时,需要掌握一些关键概念,这就是其中之一。这需要一些时间,但值得付出努力:
因此,基于此,如果要创建一个封装所有字段的表单元素,并将required
属性添加到需要填充的元素(例如:userName),那么如果任何必填字段未填充,则该按钮将被禁用
带有必需属性的输入示例:
<input type="text" class="form-control" id="userName"
required
[(ngModel)]="yourModel.yourProperty" name="userName"
#userName ="ngModel">
您应该为所有必需的输入字段使用ngModel
绑定,您将签入isMissingRequiredFields()
method,这样你就不会做任何奇怪的事情,比如从组件ts文件内部访问DOM元素并获取它们的内部文本等。hi muzurBurcu.。这不仅仅是一个简单的反应式表单。我使用jquery步骤插件,需要有一个“下一步验证”按钮
<button type="submit" class="btn btn-success">Submit</button>
<button [disabled]="!isMissingRequiredFields()">Continue</button>