提交时的 Jquery 表单显示成功消息
Jquery Form on submit show success message
我有一个使用 Jquery 显示消息的表单
*字段必填错误消息
如果提交表单,我正在尝试让它显示成功消息。
只要填写了要求字段,表单就会提交。
有谁知道我如何修改此代码以显示"成功"div,如果所有"要求"字段都已填写?
谢谢
$(function() {
function validateform() {
var valid = true;
$(".req").css("border","1px solid #ccc");
$(".req").each(function() {
if ( $(this).val() == "" || $(this).val().replace(/'s/g, '').length == 0 ) {
$(this).css("border","1px solided");$(".required").css("display","block");
valid = false;
}
});
return valid;
}
$("#submit").click( function() {
$('#myform').submit( validateform );
$('$name').submit();
});
});
submitHandler: function(form){
$(form).ajaxSubmit({
target: '#preview',
success: function() {
$('#form id').slideDown('slow'),
<!-- RESET THE FORM FIELDS AFTER SUBMIT STARTS HERE-->
$("#form")[0].reset();
<!--RESET THE FORM FIELDS AFTER SUBMIT ENDS HERE--->
}
});
}
有两种简单的方法可以让您呈现成功消息。您可以将 ajax 与回调成功函数一起使用,或者如果您想要一个完整的帖子,您可以在文件顶部检查是否设置了某个 POST,如果是,则呈现成功消息。
下面是检查开机自检的示例:
if(isset($_POST['name attribute posting'])) {
$util->showSuccessMessage();
//OR echo "<div class='popup'></div>"
}
下面是一个使用 Ajax 的成功回调函数的示例:
function submitForm() {
$.ajax({
url : 'this_file.php',
type: 'POST',
success : showSuccessMessage //function call
})
}
$(function() {
function validateform() {
var valid = true;
$(".req").css("border","1px solid #ccc");
$(".req").each(function() {
if ( $(this).val() == "" || $(this).val().replace(/'s/g, '').length == 0 ) {
$(this).css("border","1px solided");
$(".required").css("display","block");
valid = false;
}
});
return valid;
}
$("#submit").click( function() {
$('#myform').submit(function()
{
if( validateform)
{
$('$name').submit();
}
} );
});
});
参考提交
相关文章:
- jquery Ajax没有;不要显示任何信息(既不显示成功也不显示失败)
- Jquery 自动完成插件未显示成功响应
- Jquery表单插件未显示成功功能
- 使用dropzone上传文件后显示成功消息
- 无法在离子模板中显示成功的 angularjs $http从本地服务器获得响应
- 在 Jqgrid 编辑表单上显示成功消息
- 代码点火器 Javascript 警报,单击确定页面刷新时显示成功消息
- 弹出窗口关闭后如何显示成功消息
- 在 JQGrail 中编辑行后无法显示成功消息
- 在 Ajax 调用后显示成功消息的问题
- 提交时的 Jquery 表单显示成功消息
- 从 yii2 活动表单(在模态中)保存数据后无法显示成功消息
- 如何在回发后显示成功和错误消息
- 如何通过表单提交在插入后显示成功消息
- 请上传 显示成功,但图像不在上传目录中
- 如何在 javascript 中正确提交后显示成功警报
- 如果语句显示成功与角度
- 如何在使用sweet js发送电子邮件后显示成功消息
- BootstrapValidator未显示成功消息
- 修改方法以显示成功/失败消息.AngularJS