2014-12-04 2 views
-3

Я хочу создать форму в js-файле.Проверка jquery во время выполнения

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 
     } 
    } 
}); 
+0

Не могли бы вы предоставить дополнительную информацию? Что вы пробовали? Какова цель? –

ответ

0
<!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 можно прикрепить в сНу элемента и получить элементы. Это предупреждение вернет объект.

+0

Спасибо, но я добавил форму в тело, но я не мог проверить ввод формы. –

0
<!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** 
+0

Время выполнения Добавлены элементы управления, которые не могут подтвердить это. Если вы хотите проверить вручную, выполните проверку ... –

 Смежные вопросы

  • Нет связанных вопросов^_^