验证a<;textarea>;使用jquery
我正在尝试使用jQuery验证表单(所有字段) 我的代码仅对输入区域有效,但对验证a<;textarea>;使用jquery,jquery,validation,Jquery,Validation,我正在尝试使用jQuery验证表单(所有字段) 我的代码仅对输入区域有效,但对无效,有人知道我如何解决此问题吗 $(".button").click(function() { // validate and process form // first hide any error messages $('.error').hide(); var name = $("input#name").val(); if (name == "") { $("label#name_error").show(
无效,有人知道我如何解决此问题吗
$(".button").click(function() {
// validate and process form
// first hide any error messages
$('.error').hide();
var name = $("input#name").val();
if (name == "") {
$("label#name_error").show();
$("input#name").focus();
return false;
}
var email = $("input#email").val();
if (email == "") {
$("label#email_error").show();
$("input#email").focus();
return false;
}
var subject = $("input#subject").val();
if (subject == "") {
$("label#subject_error").show();
$("input#subject").focus();
return false;
}
var message = $("textarea#message").val();
if (message == "") {
$("label#message_error").show();
$("textarea#message").focus();
return false;
}
var dataString = 'name='+ name + '&email=' + email + '&subject=' + subject + '&message=' + message;
//alert (dataString);return false;
$.ajax({
type: "POST",
url: "bin/process.php",
data: dataString,
success: function() {
$('#contact_form').html("<div id='message'></div>");
$('#message').html("<h2>Mensagem enviada com sucesso!</h2>")
.append("<p>Entraremos em contato assim que possível.</p>")
.hide()
.fadeIn(1500, function() {
$('#message').append("<img id='checkmark' />");
});
}
});
return false;
});
})
$(“.button”)。单击(函数(){
//验证和处理表单
//首先隐藏任何错误消息
$('.error').hide();
变量名称=$(“输入名称”).val();
如果(名称==“”){
$(“label#name_error”).show();
$(“输入#名称”).focus();
返回false;
}
var email=$(“输入电子邮件”).val();
如果(电子邮件==“”){
$(“label#email_error”).show();
$(“输入电子邮件”).focus();
返回false;
}
var subject=$(“输入对象”).val();
如果(主题==“”){
$(“标签#主题错误”).show();
$(“输入对象”).focus();
返回false;
}
var message=$(“textarea#message”).val();
如果(消息==“”){
$(“label#message_error”).show();
$(“textarea#message”).focus();
返回false;
}
var dataString='name='+name+'&email='+email+'&subject='+subject+'&message='+message;
//警报(数据字符串);返回false;
$.ajax({
类型:“POST”,
url:“bin/process.php”,
数据:dataString,
成功:函数(){
$(“#联系方式”).html(“”);
$(“#message”).html(“Mensagem enviada com successo!”)
.append(“entremos em contato assim que possí;vel.”)
.hide()
.fadeIn(1500,函数(){
$(“#消息”)。追加(“”);
});
}
});
返回false;
});
})
$(文档).ready(函数(){
$(“#提交”)。验证({
规则:{
text区域名称:{
要求:正确,
最小长度:8
}
}
});
});
您想做什么?如果提交后全部为空,则显示错误消息?还是什么?您好,谢谢您的评论。我上面写的代码是正确的。这是浏览器缓存的问题,无法正常运行。他试图验证表单上的所有字段。谢谢
<script type="text/javascript">
$(document).ready(function () {
$("#submit").validate({
rules:{
textarea_name:{
required:true,
minlength:8
}
}
});
});
</script>