禁用提交按钮,直到输入字段被填满

关心567

这是我的网站链接,在这里我一直在尝试使用jquery代码启用/禁用按钮,但未能成功实现。您可以检查元素以查看代码,并且在那里输出不正确

独自的

Tushar的解决方案运行完美。但我建议您使用正式/标准方法进行验证。

不要禁用提交按钮。只需使用requiredHTML中的每个单选按钮的属性,例如

<input id="input_5_0_1" class="form-radio" type="radio" required="required"
 name="customer_appointment" value="Good" />

或像这样使用js(快捷方式)

$(document).ready(function () {    
    $('form input').attr('required','required');        
});

小提琴上的演示

这样,尽管您的按钮未被禁用,但您必须填写所有字段才能提交。

但是,如果必须使用按钮禁用方法,则可以遵循@Tushar的上述答案

编辑此解决方案仅适用于支持html5的现代浏览器。除此链接http://html5readiness.com/以外的浏览器(例如Internet Explorer 4,5,6)不支持HTML5

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

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

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

保持提交按钮处于禁用状态,直到填写了动态创建的必填字段

来自分类Dev

禁用提交按钮,直到选中多个复选框

来自分类Dev

如果输入为空,则禁用提交按钮

来自分类Dev

AngularJs禁用“提交”按钮,直到选择了文件上传路径

来自分类Dev

禁用提交按钮,直到输入字段被填满

来自分类Dev

如何禁用提交按钮,直到所有文本字段均已填满并选择了文件

来自分类Dev

我如何保持禁用按钮,直到所有字段都填满

来自分类Dev

如何基于输入字段数组验证禁用提交按钮

来自分类Dev

禁用提交按钮,直到所有表单输入都包含数据

来自分类Dev

如何禁用表单提交按钮,直到所有输入字段均已填写?ReactJS ES2015

来自分类Dev

禁用提交按钮,直到它验证所有数字字段均有效

来自分类Dev

在输入日期字段中输入合法日期之前,如何禁用“提交”按钮?

来自分类Dev

如果未完成所有输入字段,请在React功能组件中禁用提交按钮

来自分类Dev

Python tkinter禁用“提交”按钮,直到填充所有字段

来自分类Dev

jQuery禁用提交按钮,直到完全填写表格

来自分类Dev

如何禁用按钮,直到用户在Vuejs的Otp字段中输入数字?

来自分类Dev

禁用提交按钮,直到输入字段得到验证

来自分类Dev

禁用视图中的按钮,直到将值输入到字段中?

来自分类Dev

使用按钮提交输入字段

来自分类Dev

如果输入为空,则禁用提交按钮

来自分类Dev

禁用提交按钮,直到完成所有字段

来自分类Dev

禁用提交按钮为默认状态,直到所有输入都填入角度js

来自分类Dev

HTML输入范围-禁用提交,直到发生更改为止

来自分类Dev

根据输入字段启用/禁用提交按钮(已填充/未填充)

来自分类Dev

禁用按钮,直到表单填满特定长度

来自分类Dev

当 ng-click 用于按钮时,禁用多个表单的提交按钮,直到用户输入所有数据?

来自分类Dev

AJAX:禁用提交按钮,直到用户名字段填写电子邮件

来自分类Dev

禁用按钮单击,直到所有输入字段都包含文本(javascript 和 jquery)

来自分类Dev

Jquery ajax禁用提交按钮,直到表单完成

Related 相关文章

  1. 1

    保持提交按钮处于禁用状态,直到填写了动态创建的必填字段

  2. 2

    禁用提交按钮,直到选中多个复选框

  3. 3

    如果输入为空,则禁用提交按钮

  4. 4

    AngularJs禁用“提交”按钮,直到选择了文件上传路径

  5. 5

    禁用提交按钮,直到输入字段被填满

  6. 6

    如何禁用提交按钮,直到所有文本字段均已填满并选择了文件

  7. 7

    我如何保持禁用按钮,直到所有字段都填满

  8. 8

    如何基于输入字段数组验证禁用提交按钮

  9. 9

    禁用提交按钮,直到所有表单输入都包含数据

  10. 10

    如何禁用表单提交按钮,直到所有输入字段均已填写?ReactJS ES2015

  11. 11

    禁用提交按钮,直到它验证所有数字字段均有效

  12. 12

    在输入日期字段中输入合法日期之前,如何禁用“提交”按钮?

  13. 13

    如果未完成所有输入字段,请在React功能组件中禁用提交按钮

  14. 14

    Python tkinter禁用“提交”按钮,直到填充所有字段

  15. 15

    jQuery禁用提交按钮,直到完全填写表格

  16. 16

    如何禁用按钮,直到用户在Vuejs的Otp字段中输入数字?

  17. 17

    禁用提交按钮,直到输入字段得到验证

  18. 18

    禁用视图中的按钮,直到将值输入到字段中?

  19. 19

    使用按钮提交输入字段

  20. 20

    如果输入为空,则禁用提交按钮

  21. 21

    禁用提交按钮,直到完成所有字段

  22. 22

    禁用提交按钮为默认状态,直到所有输入都填入角度js

  23. 23

    HTML输入范围-禁用提交,直到发生更改为止

  24. 24

    根据输入字段启用/禁用提交按钮(已填充/未填充)

  25. 25

    禁用按钮,直到表单填满特定长度

  26. 26

    当 ng-click 用于按钮时,禁用多个表单的提交按钮,直到用户输入所有数据?

  27. 27

    AJAX:禁用提交按钮,直到用户名字段填写电子邮件

  28. 28

    禁用按钮单击,直到所有输入字段都包含文本(javascript 和 jquery)

  29. 29

    Jquery ajax禁用提交按钮,直到表单完成

热门标签

归档