<link href="https://app.talkfusion.com/webform/application/css/wform.css" media="screen" rel="stylesheet" type="text/css"/>
<link id="style-uniform" href="https://app.talkfusion.com/webform/application/form_resources/themes/elegant/css/uniform.elegant.css" media="screen" rel="stylesheet" type="text/css"/>
<link id="style" href="https://app.talkfusion.com/webform/application/form_resources/themes/elegant/css/style.css" media="screen" rel="stylesheet" type="text/css"/>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.js"></script>
<script src="https://app.talkfusion.com/webform/js/jquery.validation.js" type="text/javascript"></script>
<script language="JavaScript" type="text/javascript">
jQuery.noConflict();
jQuery(document).ready(function() {
var bm = "url(https://app.talkfusion.com/eform/393.png)";
var bp = "left bottom";
var w = "360px";
var h = "480px";
jQuery("#container").css("width", w);
jQuery("#container").css("height", h);
jQuery("#banner").css("width", w);
jQuery("#form-builder").css("width", w);
jQuery("#form-builder").css("color", "#333333");
jQuery("#form-builder").css("font-size", "14px");
jQuery("#form-builder").css("background-color", "#FFFFFF");
var vs = vspace + "px";
jQuery("#form-builder").children(":first").before('<div id="vspace"></div>');
jQuery("#vspace").css("height", vs);
jQuery("#form-builder").css("background-image", bm);
jQuery("#form-builder").css("background-repeat", 'no-repeat');
jQuery("#form-builder").css("background-position", bp);
jQuery("#form-title h2").css("color", "#333333");
jQuery("#form-title h2").css("font-size", "18px");
jQuery(".f_100").css("margin-left", "20px");
});
</script>
<div id="container">
<div id="banner"></div>
<div id="form-builder" class="clearfix">
<form id="form-preview" class="TTWForm" method="post" action="https://app.talkfusion.com/webform/_webformprocess.asp">
<input type="hidden" name="wf_id" value="59995">
<div id="form-title" class="form-title field">
<h2>Kontaktní formulář</h2>
</div>
<div id="field1-container" class="field f_100">
<label for="field1">Jméno*</label>
<input type="text" name="field1" id="field1" class="req"/>
</div>
<div id="field2-container" class="field f_100">
<label for="field2">Políčko e-mailu*</label>
<input type="email" name="field2" id="field2" class="req req-email"/>
</div>
<div id="form-submit" class="field f_100 clearfix submit">
<input id="submitBtn" type="button" value="předložit"/>
</div>
</form>
<span class="error-message"></span>
<div class="powerd"><a href="#"><img src="https://app.talkfusion.com/webform/images/powered.png" width="240" height="33" alt="" border="0" style="margin-top: 4px;"></a></div>
</div>
</div>
<script language="JavaScript" type="text/javascript">
jQuery("#submitBtn").click(function() {
var valid = true;
jQuery("#form-preview").find("span.needsfilled").remove();
jQuery("#form-preview").find('span.error-message').hide();
jQuery("#form-preview").find('.req').each(function() {
if (jQuery(this).val() == "") {
jQuery(this).parent().find("*").append('<span class="needsfilled">Required!</span>');
valid = false;
} else if (jQuery(this).hasClass('req-email') && !checkemail(jQuery(this).val())) {
jQuery(this).parent().find("*").append('<span class="needsfilled">Invalid E-mail!</span>');
jQuery(this).val('');
valid = false;
} else if (jQuery(this).hasClass('req-num') && !checknum(jQuery(this).val())) {
jQuery(this).parent().find("*").append('<span class="needsfilled">Invalid! 10 Digit Phone Number Required.</span>');
valid = false;
}
});
if (!valid) {
jQuery(this).find('span.error-message').text("Please correct the above errors.").show();
return false;
}
else {
jQuery("#form-preview").submit();
}
});
function checkemail(e){
var emailfilter = /^\w+[\+\.\w-]*@([\w-]+\.)*\w+[\w-]*\.([a-z]{2,4}|\d+)$/i
return emailfilter.test(e);
}
function checknum(e) {
var filter = /^\D?(\d{3})\D?\D?(\d{3})\D?(\d{4})$/
return filter.test(e);
}
</script>
