jquery - JQuery 验证 div 内容

Question

我正在尝试单击保存按钮，然后在我的 div 部分调用 validate 函数，其中所有需要验证的字段都具有所需的标签。

    <script type="text/javascript">
        $(document).ready(function () {
            $("#button").click(function() {
                $('#MyDIv').valid();
            });
        });

    </script>

<div id="MyDIv">
  <input type="text" class="required" id="id1" />
  <input type="text" id="id2" />
  <input type="button" id="button" />
</div>

使用此代码，我得到一个验证器未定义错误。我不能使用表格。

Answer 1

演示：http: //jsfiddle.net/3BKcp/2/

<form>在您的表单字段周围包裹一个标签，如下所示：

<div id="MyDIv">
     <form method="post" action="/next-page.html">
        <input type="text" class="required" name="id1" id="id1" />
        <input type="text" class="required" name="id2" id="id2" />
        <input type="button" id="button" />
     </form>
</div>

并将您的 JavaScript 更改为以下内容：

<script>
$(document).ready(function(){
    $('#MyDIv form').validate();
    $("#button").click(function(){
        $(this).closest('form').submit();
    });
});
</script>

Answer 2

你没有打电话validate()，你没有使用表格，所以它不会工作

validate()在使用此方法检查表单之前需要在表单上调用

你可以像下面这样只用 jquery

  var required =$(".required").val()
 if((/^[a-zA-Z ]+$/.test(name)) && reqiired.length >6 ){}

如果需要是文本，你只想要字母而不是数字

如果它是

1. 用户名比尝试/^[a-z0-9_-]{3,16}$/
2. 密码比/^[a-z0-9_-]{6,18}$/
3. 电子邮件比/^([a-z0-9_\.-]+)@([\da-z\.-]+)\.([a-z\.]{2,6})$/
4. 网址比 /^(https?:\/\/)?([\da-z\.-]+)\.([a-z\.]{2,6})([\/\w \.-]*)*\/?$/