未使用jQuery输入检查添加类
又是我, 即时通讯使用:未使用jQuery输入检查添加类,jquery,submit,Jquery,Submit,又是我, 即时通讯使用: <script type="text/javascript"> $( document ).ready(function() { $('.check').submit(function() { var abort = false; $('.required').each(function() { if ($(this).val()==='') { $(this).
<script type="text/javascript">
$( document ).ready(function() {
$('.check').submit(function() {
var abort = false;
$('.required').each(function() {
if ($(this).val()==='') {
$(this).addClass(' error');
abort = true;
}
})
return abort;
})
});
</script>
示例HTML
<form class="check" style="font-family: Arial;" action="contact.php" method="post">
<input class="wipe required" style="font-family: Arial;" type="text" name="name" value="Full Name" />
<more input fields as above>
<more input fields as above>
<more input fields as above>
<more input fields as above>
<input class="right" style="font-family: Arial;" type="submit" value="SEND" /></form>
这将是更大表单验证的一部分,但是,尽管没有使用必需的类填充字段,但不会添加错误类。表单只是尝试提交-如果我添加event.preventDefault;然后表单没有提交,但仍然没有添加错误类
jQuery添加在标记之前,添加类可以正常工作,但返回逻辑是向后的 如果你想阻止提交,你需要返回false。。。或者调用event.preventDefault $'.check'.submitfunction{ var=true; $'.required'.eachfunction{ 如果$this.val=={ $this.addClass“error”; 继续=错误; } }; 返回并继续; }; .错误{ 背景:红色 }
你也需要显示你的html以及你将这个脚本放在哪里。请提供一个添加的示例,只是一个标准表单。返回逻辑是因为我在想你是否需要中止提交是/否,这与它背后的逻辑相反。但是,由于某些原因,我仍然无法添加error类。请提供一个复制它的演示。您确定添加的类不是很好,但您使用的css规则不够具体,无法在添加时看到可视更改吗?肯定,正如我与web检查器检查的那样。显然,在上面的代码段中有效。在你使用的东西和你展示给我们的东西上有些不同。或者表单正在重新加载页面或其他一些未提及的行为我必须使用定制CMS的代码编辑器,所以我想知道是否有错误或冲突?