运行时的 jquery 验证答案

【问题标题】：jquery validation at runtime运行时的 jquery 验证
【发布时间】：2014-12-04 09:31:01
【问题描述】：

我想在 js 文件中创建一个表单。

var form = '<form id="formForgetPass" action="#" method="POST" class="form-horizontal"><div class="form-group" style="margin-bottom: 0px !important;"><label for="textfield" class="control-label col-sm-2">E-posta</label><div class="col-sm-10"><input type="text" id="forgetEmail" name="email" class="form-control" /></div></div></form>';

我正在使用JquerValidation

我可以在运行时控制表单输入吗？我还没弄明白。

它没有正常工作，如下所示

    $("#formForgetPass").validate({
    rules: {
        email: {
            required: true,
            email: true
        }
    }
});

【问题讨论】：

您能提供更多信息吗？你试过什么？目标是什么？

标签： javascript jquery jquery-validation-engine

【解决方案1】：

<!DOCTYPE html>
<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
  var form = '<form id="formForgetPass" action="#" method="POST" class="form-horizontal"><div class="form-group" style="margin-bottom: 0px !important;"><label for="textfield" class="control-label col-sm-2">E-posta</label><div class="col-sm-10"><input type="text" id="forgetEmail" name="email" class="form-control" /></div></div></form>';

$("#MainDiv").append(form);
alert($("#forgetEmail"));

});
</script>
</head>
<body>

<div id="MainDiv">
</div>

</body>
</html>

U 可以附加到 div 元素并获取元素。此警报将返回对象。

【讨论】：

谢谢，但我将表单附加到正文中，但无法验证表单输入。

【解决方案2】：

<!DOCTYPE html>
<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
  var form = '<form id="formForgetPass" action="#" method="POST" class="form-horizontal"><div class="form-group" style="margin-bottom: 0px !important;"><label for="textfield" class="control-label col-sm-2">E-

posta</label><div class="col-sm-10"><input type="text" id="forgetEmail" name="email" class="form-control" /></div></div></form>';

$("#MainDiv").append(form);
});

function uivalidate() {
    if  ($("#forgetEmail").val() =='' ) {
        alert(" Value Should not be empty !");
        return false;
    }
    alert('The value - ' +  $("#forgetEmail").val());
}
</script>
</head>
<body>

<div id="MainDiv">
</div>
<br>
<button type="button" onClick="uivalidate();">Click Me!</button>
</body>
</html>

    **Hi we can validate like this... this is question u r asking... give me the clarity**

【讨论】：

运行时添加的控件无法像那样验证..如果您想手动验证，请执行验证....