表单验证后运行Click-JavaScript

我正在尝试在一个按钮被验证和点击后运行JavaScript代码。我可以让代码在没有任何验证的情况下运行，但是当我在第2行添加“if valid”时，JavaScript将根本不会运行，表单也不会提交

以下是JS，它可以正常工作，但每次单击按钮时都会运行。我只想在表单有效时运行它

<script>        
$('.subscribe-form-submit').click(function(){
        var $this = $(this);
        $(this).hide();
        $(this).after('<input type="button" disabled="disabled" class="btn btn-lg btn-primary subscribe-form-submit" value="Thanks!" />');
        return true;
        }
);
</script>

$（'.subscribe form submit'）。单击（函数（）{
var$this=$（this）；
$（this.hide（）；
$（本）。在（''）之后；
返回true；
}
);

我试图添加一个if-valid选择器，但是表单根本没有提交，JS也没有运行：

<script>
    $('.subscribe-form-submit').click(function(){
    if($('_form_1228').valid()) {
        var $this = $(this);
        $(this).hide();
        $(this).after('<input type="button" disabled="disabled" class="btn btn-lg btn-primary subscribe-form-submit" value="Thanks!" />');
        return true;
        }
});
</script>

$（'.subscribe form submit'）。单击（函数（）{
如果（$（''U form_1228'）。有效（）{
var$this=$（this）；
$（this.hide（）；
$（本）。在（''）之后；
返回true；
}
});

这是我的表格，但我相信你需要的唯一信息是ID是“\u form\u 1228”

订阅

---

谢谢

您的选择器有问题。。。 看

应该是,

if($('#_form_1228').valid()) {

还有这个,

 if($this.hasClass('.subscribe-form-submit')){

应该是：

 if($this.hasClass('subscribe-form-submit')){

---

总之，当您使用jquery选择元素时，您可以使用。类上的（点）字符，元素id上的（散列）。但是，当您检查该元素是否具有具有hasClass函数的特定类时，您不应该使用。（点）类名称开头的字符。

您的JS正在尝试验证名为

\u form_1228

的标记，而不是名为

id=\u form_1228

的表单。选择器应为

if（$（'#_form_1228'）.valid（）{

。欢迎使用StackOverflow。发布一个链接到一个将随时间变化的网站，这将使这个问题对未来的访问者不可用。相反，最好在一个片段中发布一个。谢谢@DrewGaynor我更新了代码并删除了一个链接到我的网站。@PaulRoub嗨，Paul。我做了您的更改，但没用，有什么额外的想法吗？但是我现在单击它时，ton没有做任何事情。我对表单id选择器进行了更改，并删除了使用hasClass进行的操作，但它不起作用。更新了上面的代码。有什么想法吗？您确定已包含jquery验证插件吗？

 if($this.hasClass('.subscribe-form-submit')){

 if($this.hasClass('subscribe-form-submit')){