Вот как то так))
http://jsfiddle.net/mikhailtatsky/xyn60t3v/1/
Про валидацию телефона, я подумаю.
По сути нужно найти просто RegExp для этого.
Либо можешь скопировать код проверки телефона и вставить в функцию.
Следующий пост - два примера как сделать через RegExp и как через function
Поменяй url для sumbit запроса на свой и метода отправки.
GET или POST в method, по умолчанию GET
FancyForm.vtype({
type: 'email',
re: /^(")?(?:[^\."])(?:(?:[\.])?(?:[\w\-!#$%&'*+\/=?\^_`{|}~]))*\1@(\w[\-\w]*\.){1,5}([A-Za-z]){2,6}$/,
blankText: 'required',
text: 'Incorect email'
});
var form = $('#form').FancyForm({
title: 'Регистрация',
width: 300,
height: 250,
inputWidth: 195,
labelWidth: 60,
url: 'submit.php',
params: {
//param1: 1,
// param2: 'string'
},
method: 'POST',
defaults: {
type: 'string'
},
items: [{
label: 'Имя*',
emptyText: 'Имя',
valid: {
blank: false,
blankText: 'Необходимо заполнить'
},
name: 'name'
},{
label: 'Фамилия*',
emptyText: 'Фамилия',
valid: {
blank: false,
blankText: 'Необходимо заполнить'
},
name: 'surname'
},{
label: 'E-mail*',
emptyText: 'E-mail',
valid: {
type: 'email',
blank: false,
blankText: 'Необходимо заполнить'
},
name: 'email'
},{
type: 'number',
label: 'Телефон*',
name: 'phone',
valid: {
blank: false,
blankText: 'Необходимо заполнить'
}
}],
buttons: [{
text: 'Получить Дисконтную Карту',
handler: function(){
form.submit({
params: {
//param3: 'Some Values'
},
success: function(result, status, xhr){
console.log('success');
console.log(arguments);
},
error: function(xhr,status,error){
console.log('error');
console.log(arguments);
}
});
}
}]
});