我是HubSpot的新手,但是有使用JQuery的经验。我创建了一个HubSpot表单,并使用FormID将其包含在RichText模块中。我希望表单的“名”和“姓”字段不接受数字,并在onFocusOut上显示一条消息,仅输入字母。为此,我在页面设置->高级->页脚HTML中添加了验证脚本。但是,验证似乎仍然无法正常进行,并且正在提交表单。谁能帮忙吗?
RichText模块中的表单-
<div class="span4 text-center"><a name="book"></a>
<script charset="utf-8" type="text/javascript" src="//js.hsforms.net/forms/v2.js"></script>
<script>// <![CDATA[
hbspt.forms.create({
portalId: "2952017",
formId: "75123400-5228-4c37-8124-55e4bd704bbb"
});
// ]]></script>
<script>// <![CDATA[
$(document).ready(function(){
$('input[name="firstname"],input[name="lastname"]').focusout(function() {
alert("hi");
console.log("hieee");
});
});
// ]]></script>
</div>
页脚中的验证脚本-'
<script>
$(document).ready(function(){
setTimeout(function(){
$('input[name="firstname"],input[name="lastname"]').focusout(function() {
var letters = /^[A-Za-z]+$/;
var inputtxt = this;
var name = $(this).attr('name');
alert($('#'+name).length);
if(!inputtxt.value.match(letters) && inputtxt.value !== "")
{
if($('#'+name).length == 0){
$(this).after('<label id="'+name+'" style="color:red;">Please enter valid name.</label>');
}
}else{
if($('#'+name).length > 0){
$('#'+name).remove();
}
}
});
},1000);
});
</script>