Jquery表单提交以检查空字段

如何在不加载login.php情况下提交时，如何使用jquery检查文本字段是否为空？

 
 Login Name:  Password:    

谢谢。

Answer 1

你可以这样做：

 // Bind the event handler to the "submit" JavaScript event $('form').submit(function () { // Get the Login Name value and trim it var name = $.trim($('#log').val()); // Check if empty of not if (name === '') { alert('Text-field is empty.'); return false; } }); 

FIDDLE DEMO

Answer 2

您可以使用’required’http： //jsbin.com/atefuq/1/edit

 
 Login Name:  Password:    

Answer 3

一个简单的解决方案就是这样的

 $( "form" ).on( "submit", function() { var has_empty = false; $(this).find( 'input[type!="hidden"]' ).each(function () { if ( ! $(this).val() ) { has_empty = true; return false; } }); if ( has_empty ) { return false; } }); 

注意： jQuery.on()方法仅在jQuery版本1.7+中可用，但它现在是附加事件处理程序的首选方法。

此代码循环遍历表单中的所有输入，并通过返回false来阻止表单提交（如果它们中的任何一个没有值）。 请注意，它不向用户显示有关表单无法提交的原因的任何消息（我强烈建议添加一个）。

或者，您可以查看jQuery validate插件。 它做到了这一点，还有更多。

注意：此类技术应始终与服务器端validation结合使用。

Answer 4

您需要向表单提交事件添加处理程序。 在处理程序中，您需要检查每个文本字段，如果值非空，请选择元素和密码字段。

 $('form').submit(function() { var res = true; // here I am checking for textFields, password fields, and any // drop down you may have in the form $("input[type='text'],select,input[type='password']",this).each(function() { if($(this).val().trim() == "") { res = false; } }) return res; // returning false will prevent the form from submitting. }); 

Answer 5

我真的很讨厌那些不告诉我输入缺失的表格。 所以我改进了多米尼克的答案 – 谢谢你。

在css文件中，“borderR”类到边框有红色。

 $('#').submit(function () { var allIsOk = true; // Check if empty of not $(this).find( 'input[type!="hidden"]' ).each(function () { if ( ! $(this).val() ) { $(this).addClass('borderR').focus(); allIsOk = false; } }); return allIsOk }); 

Answer 6

你应该尝试使用jquery validate plugin：

 $('form').validate({ rules:{ email:{ required:true, email:true } }, messages:{ email:{ required:"Email is required", email:"Please type a valid email" } } }) 

Answer 7

 function isEmpty(val) { if(val.length ==0 || val.length ==null){ return 'emptyForm'; }else{ return 'not emptyForm'; } 

}

 $(document).ready(function(){enter code here $( "form" ).submit(function( event ) { $('input').each(function(){ var getInputVal = $(this).val(); if(isEmpty(getInputVal) =='emptyForm'){ alert(isEmpty(getInputVal)); }else{ alert(isEmpty(getInputVal)); } }); event.preventDefault(); }); }); 

Answer 8

 var save_val = $("form").serializeArray(); $(save_val).each(function( index, element ) { alert(element.name); alert(element.val); });