Unobtrusive with dynamic form and regular expression is not working
Hello, sorry for posting this problem here but i didn't know where to do. it is reall related to the jquery plugin from microsoft that makes unobtrusive validation.
I have a dynamic form and it has two inputs, email and password, the form submits buy jQuery using ajaxForm function. unobtrusive validation didn't work, so i changed the code as the following trying to call validation inside "beforesubmit" function, but i got the problem that the regular expression validation of the email format always fail even if write correct email format. hope you can help me to solve this problem
here is the code:
var content = $('<div class="divClass">' +
'<form action="someurl" method="post">' +
'<table>' +
'<tr>' +
'<td><label for="Email">Email</label></td>' +
'<td>' +
'<input data-val="true" data-val-length="at most 50 character"' +
' data-val-length-max="50"' +
' data-val-regex="email not valid" data-val-regex-pattern="\S+@\S+\.\S+"' +
' data-val-required="Required"' +
' id="Email" name="Email" type="text" value="" />' +
'<span class="field-validation-valid" data-valmsg-for="Email"' +
' data-valmsg-replace="true">' +
'</span>' +
'</td>' +
'</tr>' +
'<tr>' +
'<td><label for="Password">Password</label></td>' +
'<td>' +
'<input data-val="true" data-val-length="at most 50 character"' +
' data-val-length-max="50" data-val-required="Required" id="Password"' +
' name="Password" type="password" />' +
'<span class="field-validation-valid" data-valmsg-for="Password"' +
' data-valmsg-replace="true"></span>' +
'</td>' +
'</tr>' +
'<tr>' +
'<td>' +
'<input type="submit" value="login" />' +
'</td>' +
'</tr>' +
'</table>' +
'</form>' +
'</div>');
var f = $('form', content);
f
.ajaxForm({
dataType
: 'text',
beforeSubmit
: function ()
{
$
.validator.unobtrusive.parse(f);
return f.valid();
},
complete
: function (xhr)
{
//complete function
}
});