javascript - 使用 JS 验证 HTML 表单中的多个字段

标签 javascript jquery html

我有一个注册表单,其中包含大约 12 个字段。我想验证这些字段中的数据。第一步是检查是否有任何字段为空。一种方法是使用 Jquery 获取每个字段并检查它是否为空。我计划创建一个 var 数组并使用以下代码检查循环内每个字段的状态:

    var input = new Array();
    input[0]  =  $('.fullName')[0];
    input[1]  =  $('.emailID')[1];
    input[2]  =  $('.phno')[2];
    input[3]  =  $('.userName')[3];
    input[4]  =  $('.password')[4];
    input[5]  =  $('.batch')[5];
    input[6]  =  $('.nickname')[6]
    input[7]  =  $('.enrno')[7];
    input[8]  =  $('.dob')[8];
    input[9]  =  $('.fromCity')[9];
    input[10] =  $('.currcity')[10];
    input[11] =  $('.interests')[11];
    input[12] =  $('.currComp')[12];
    input[13] =  $('.currDesig')[13];

现在我必须运行一个循环来获取值并检查是否有任何字段为空。 我编写这段代码是为了检查

for(i=0;i<14;i++)
    if(input[i].val()=="")
    {
        // do my work
    }

但问题是最后 15 行代码指向实际的 HTML DOM 元素,因此我无法直接使用 input[i].val() 来访问该值。有什么出路吗?

最佳答案

您确实需要向需要验证的元素添加一个公共(public)类,然后执行

var is_valid = $('.validate_these').filter(function() {
                  return $.trim(this.value) === "";
               }).length === 0;

获取该类的所有元素,并根据值是否为空来过滤它们。如果没有找到空元素,则有效

关于javascript - 使用 JS 验证 HTML 表单中的多个字段,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25206171/

相关文章:

javascript - Angular UI Grid : How to bind HTML with the cellTemplate, 并动态构建 ng-click 适用的 HTML

javascript - 绑定(bind)函数,其中包含 "this"(JQuery)

javascript - 如何根据文档日期在财政年度中设置日期选择器范围?我使用 JQUERY 来做到这一点

jquery - 如何在绑定(bind) jQuery DataTable 之前保留数据副本?

javascript - 如何通过单击标题对 html 表格列进行排序 [PHP/MYSQL]

php - 选项从数据库获取数据

javascript - 在 iPad 上模拟滚动事件

javascript - 选择表格每一行中的第四个 td 并转换数据

javascript - Angular 多重嵌套 Controller

javascript - 如何通过jquery将javascript变量的值发送到其他页面?