Javascript Jquery和插件验证、测试是否没有错误
很明显,我做了一些愚蠢的事情,或者没有理解一些基本的过程。很早就开始玩这个了 当使用onClick方法单击Submit按钮时,我正在尝试检查是否有表单被验证Javascript Jquery和插件验证、测试是否没有错误,javascript,jquery-validate,Javascript,Jquery Validate,很明显,我做了一些愚蠢的事情,或者没有理解一些基本的过程。很早就开始玩这个了 当使用onClick方法单击Submit按钮时,我正在尝试检查是否有表单被验证 我正在使用Jquery和插件验证。我遇到的问题是,正在对每个字段进行验证,但是如果我在没有数据的情况下单击submit,或者没有对每个字段进行测试,我需要验证整个表单,在提交之前,我应该从validate().form()返回false。这不会发生,因为submitForm()中的else语句从未执行过 在空表单上,单击“提交”后,将显示
我正在使用Jquery和插件验证。我遇到的问题是,正在对每个字段进行验证,但是如果我在没有数据的情况下单击submit,或者没有对每个字段进行测试,我需要验证整个表单,在提交之前,我应该从validate().form()
返回false。这不会发生,因为submitForm()
中的else
语句从未执行过
在空表单上,单击“提交”后,将显示字段错误消息,但我对返回值的测试似乎不起作用
$(document).ready(function() {
$('#formEnquiry').validate();
});
function submitForm() {
$('#msgid').append('<h1>Submitting Form (External Routine)</h1>');
if ($('#formEnquiry').validate().form()) {
$("#msgid").append("<h1>(Outside Ready) VALIDATED send to PHP</h1>");
}
else {
$('#msgid').append('<h1>(Outside Ready) NOT VALIDATED</h1>');
}
};
$(文档).ready(函数(){
$('#formEnquiry').validate();
});
函数submitForm(){
$('#msgid').append('提交表单(外部例程)');
if($('#formEnquiry').validate().form()){
$(“#msgid”).append(“(外部就绪)已验证发送到PHP”);
}
否则{
$(“#msgid”).append(“(外部就绪)未验证”);
}
};
Ajax示例
$(function() {
$("#ipenter").submit(function() {
var ip = $("#ip").val();
var date = $("#date").val();
var spammer = $("#spammer").val();
var country = $("#country").val();
var total = $("#total").val();
var dataString = $('#ipenter').serialize();
$.ajax({
url: "/test/process",
data: dataString,
type: "POST",
success: function(msg) {
$('#ipenter').append('<h3 class="gotin">Post succesfull!');
$('h3.gotin').delay(8000).fadeOut(500);
},
error: function(data){
$('#ipenter').prepend('<h3 class="didnt">Post sucked!');
$('h3.didnt').delay(8000).fadeOut(500);
}
});
return false;
});
这是ajax的一个基本示例(我正在使用codeigniter,因此您可能需要为URL使用有效的URL)您认为需要发布验证脚本和/或jquery和表单。你真的需要一个验证过的消息吗?如果它验证了,那么不应该发布它并且返回该消息吗?验证过的消息,只是为了在提交表单的下一阶段之前测试逻辑是否正常。这一部分现在似乎正在工作,但我无法让AJAX工作。我能感觉到一个新问题即将出现。
if (spammer == "") {
$("#spammer_error").show();
$("input#image").focus();
return false;