文章/答案/技术大牛

发布

社区首页 >问答首页 >单击Jquery表单验证

问单击Jquery表单验证
EN

Stack Overflow用户

提问于 2018-03-12 16:10:57

回答 2查看 4.4K关注 0票数 0

我有一个包含多个输入的表单，我需要通过单击按钮来验证它们。

我遇到的问题是，如果有多个必需字段，那么对valid()的调用似乎只验证了第一个字段。省略了其他字段。

$(function() {
  //simple example 1
  //click event for first button 
  $('#btn').click(function() {
    $("#form1").valid(); //validate form 1
  });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="http://ajax.aspnetcdn.com/ajax/jquery.validate/1.10.0/jquery.validate.min.js"></script>
<form id="form1" name="form1">
  Field 1: <input id="field1" type="text" class="required" />
  <br/>Field 2: <input id="field2" type="text" class="required" />
  <div>
    <input id="btn" type="button" value="Validate" />
  </div>
</form>

关联小提琴手

javascript

jquery

jquery-validate

回答 2

Stack Overflow用户

回答已采纳

发布于 2018-03-12 16:35:21

我用缺失的名字字段试过了，效果很好。

<form id="form1" name="form1">
    Field 1: <input id="field1" type="text" name="field1" class="required" />
      
    <br/>

    Field 2: <input id="field2" type="text" name="field2" class="required" />

    <input id="btn" type="button" value="Validate" />

</form>

票数 0

Stack Overflow用户

发布于 2018-03-12 16:58:57

为表单上的所有字段添加输入

 $("#form1 input").valid();

票数 -1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/49239774

复制

相似问题

问单击Jquery表单验证
EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问单击Jquery表单验证EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问单击Jquery表单验证
EN