jquery submit前判断文本框是否为空

最新推荐文章于 2021-06-03 02:04:54 发布
原创 最新推荐文章于 2021-06-03 02:04:54 发布 · 501 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文介绍了一个使用jQuery实现的简单表单验证和提交功能。当用户输入为空时，会弹窗提示用户填写姓名；若填写了姓名，则弹窗确认并提交表单。此示例代码可在w3school在线编辑器中运行。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

jquery submit前判断文本框是否为空 - 加菲 - 加菲猫
 
jquery submit前判断文本框是否为空 - 加菲 - 加菲猫
 
  
 

在线测试，可将下面的代码复制到w3school的编缉器中http://www.w3school.com.cn/tiy/t.asp?f=jquery_dom_val_get

 


 
 <!DOCTYPE html>
<html>
<head>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script>
$(document).ready(function(){
  $("#btnsub").click(function(){
if ($("#test").val()==""){
     alert ("姓名是空，请立即填写完整！" + $("#test").val() );
}else
{

 
     alert ("姓名已填写，单击确定按钮后将提交表单！您填写的姓名是：" + $("#test").val() );

 
    $("#form1").submit();
}

 
  });
});
</script>
</head>

 
<body>
<form id=form1 action="http://www.feizhuwang.com/e/member/cp/" method="post" target=_blank>
<p>姓名：<input type="text" id="test" value=""></p>

 
<input type="button" name="btn" value="登陆" id="btnsub">
</form>

 
</body>

 
</html>

 


 

 
 



                

        

    

    
  



    

      

        

            

              
                
                  wmnmtm
                
              
            

            

                关注
              
            

        

        

          
      

      










                



	

		

			

				
					
jQuery文本框事件应用：实现交互性输入框

				
			

			

				

					2301_79326857的博客
				

				

					10-04
					
					157
					
				

			

		

		

			
				
通过监听键盘事件、失去焦点事件、值改变事件和提交事件，我们可以根据用户的输入或操作来执行相应的逻辑处理。在前端开发中，jQuery是一个广泛使用的JavaScript库，它简化了HTML文档的遍历、操作和事件处理。本文将介绍如何使用jQuery来处理文本框的事件，从而实现交互性输入框的功能。当用户按下或释放键时，对应的事件处理程序会被触发，并在控制台输出相应的信息。当用户将光标从文本框移开时，事件处理程序会被触发，并在控制台输出信息。当用户修改文本框的值时，事件处理程序会被触发，并在控制台输出信息。

			
		

	



                

            
              



	

		

			

				
					
jquery判断元素内容是否为空的方法 原创

				
			

			

				

					12-10
				

			

		

		

			
				
用jquery获取元素内容需要分两个情况：
input 用val();
var value = $(‘#test’).val();
是否为空的判断方法：
if(value.length == 0){} 如果value为空执行的操作
if(value!=”){} 如果value不为空执行的操作
jQuery验证文本框内容不为空
通过$.fn 扩展jQuery方法

/**
 * 校验文本是否为空
 * tips：提示信息
 * 使用方法：$("#id").validate("提示文本");
 * @itmyhome
 */
$.fn.validate = function(tips){
  if

			
		

	



              


  
              

                


	

		

			

				
					
jquery判断input值不为空的方法

				
			

			

				

					10-22
				

			

		

		

			
				
主要介绍了jquery判断input值不为空的方法的相关资料,需要的朋友可以参考下

			
		

	





	

		

			

				
					
jQuery判断文本框是否为空

				
			

			

				

					weixin_30781107的博客
				

				

					02-26
					
					1036
					
				

			

		

		

			
				
1.引用jQuery库
<script src="/static/js/jquery_v1.6.1.js" type="text/javascript"></script>

$(document).ready(function () {
            $("#btnConfirm").click(function () {
              ...

			
		

	



		

			
		



	

		

			

				
					
jquery判断文本框是否为空，不为空则用正则表达式判断是否符合要求，不符合清空

				
			

			

				

					summer_my_sunshine的博客
				

				

					03-21
					
					8692
					
				

			

		

		

			
				
jquery


//判断收款方式
            if($("#way1").val()==""||$("#way1").val()==null){
                alert("请输入收款方式");
                return false;
            };
            //判断收款人姓名
          

			
		

	





	

		

			

				
					
JQuery 判断所有input的值是否为空

				
			

			

				

					mossbaoo的博客
				

				

					04-29
					
					4448
					
				

			

		

		

			
				
$("#submit").click(function(){
	$("input[type='text']").each(function () {
        if ($(this).val() == "") {
            console.log('请填写' + $(this).data('text'));
            return false;
        }
    })
});




			
		

	





	

		

			

				
					
jQuery验证文本框内容不为空

				
			

			

				

					hffygc的博客
				

				

					11-12
					
					981
					
				

			

		

		

			
				
jQuery验证文本框内容不为空

			
		

	





	

		

			

				
					
PHPJquery点击按钮添加文本框

				
			

			

				

					08-08
				

			

		

		

			
				
 $("#submit").click(function() {  var textBoxValues = [];  $(".newTextBox").each(function() {  textBoxValues.push($(this).val());  });  $.ajax({  url: "save_data.php",  type: "POST",  data: { ...

			
		

	





	

		

			

				
					
Jquery各种小功能文本框验证，弹出日期牌等

				
			

			

				

					12-31
				

			

		

		

			
				
在这个“Jquery各种小功能文本框验证，弹出日期牌等”主题中，我们将深入探讨jQuery如何用于实现文本框的验证以及弹出日期选择器（日历牌）的功能。  一、文本框验证  1. 自动验证：jQuery配合Validform_v4.0插件...

			
		

	





	

		

			

				
					
jQuery中:submit选择器用法实例

				
			

			

				

					10-24
				

			

		

		

			
				
jQuery中有一个非常实用的选择器：submit选择器，它允许开发者通过特定的方式选择页面上代表提交功能的元素。  1. :submit选择器功能和定义： :submit选择器专门用于选取页面上的提交按钮。这包括所有的表单提交按钮...

			
		

	





	

		

			

				
					
使用jQuery formvalidate实现文本框输入错误抖动效果

				
			

			

				

					
				

			

		

		

			
				
5. **事件监听与反馈：** 在表单提交事件中加入监听器，根据验证结果决定是否阻止表单提交。如果验证失败，则触发抖动效果，并可以添加相应的提示信息来辅助用户理解错误所在。  6. **测试与调整：** 在不同的输入...

			
		

	





	

		

			

				
					
使用layer弹窗提交表单时判断表单是否输入为空的例子

				
			

			

				

					10-16
				

			

		

		

			
				
今天小编就为大家分享一篇使用layer弹窗提交表单时判断表单是否输入为空的例子，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧

			
		

	





	

		

			

				
					
jQuery验证元素是否为空的两种常用方法

				
			

			

				

					12-09
				

			

		

		

			
				
本文实例讲述了jQuery验证元素是否为空的两种常用方法。分享给大家供大家参考。具体如下：
下面提供了两种方法用于检查指定id的元素的内容是否为空

// 方法一
if (!$('#jb51').html()) {
////www.jb51.net 什么都没有找到;
}
// 方法二
if ($('#jb51').is(":empty")) {
////www.jb51.net 什么都没有找到;
}
希望本文所述对大家的jQuery程序设计有所帮助。

			
		

	





	

		

			

				
					
jQuery实现表单提交时判断的方法

				
			

			

				

					12-11
				

			

		

		

			
				
本文实例讲述了jQuery实现表单提交时判断的方法。分享给大家供大家参考。具体实现方法如下：
 代码如下:<input type=”submit” id=”myBtn” />
换成:
 代码如下:<input type=”button” id=”myBtn” />
使用： 
 代码如下:$(“#myBtn”).click(function(){
   …//判断验证
});
表单提交js:
 代码如下:function formSubmit(){
   if(flag==”1″){
     $(“#form”).submit();
   }else if(flag==”2″){
    $(

			
		

	





	

		

			

				
					
html文本框不能为空验证,jquery怎么判断输入框是否为空？

				
			

			

				

					weixin_39878716的博客
				

				

					06-03
					
					1597
					
				

			

		

		

			
				
jquery判断输入框是否为空的方法：$(document).ready(function () {$("#btnConfirm").click(function () {if ($("#txtHandleSituation").val() == "") {$("#lblContentTips").text("*文本框不能为空.");return false;}});});使用val()方法获取输...

			
		

	





	

		

			

				
					
jQuery中判断输入框为 ” 空 “

				
			

			

				

					Xxacker的博客
				

				

					12-27
					
					848
					
				

			

		

		

			
				
jQuery中判断输入框为 ” 空 “：
&amp;lt;script type=&quot;text/javascript&quot;&amp;gt;
//页面加载完成后执行
//相当于: window.function(){}   $(document).ready(function(){});
$(function(){
	$(&quot;form&quot;).submit(function(){
		//表单选择器,    :input标

			
		

	





	

		

			

				
					
使用jQuery检查输入是否为空

				
			

			

				

					asdfgh0077的博客
				

				

					01-21
					
					797
					
				

			

		

		

			
				
我有一个表格，我希望所有字段都填写。如果一个字段被点击，然后没有填写，我想显示一个红色背景。 
  这是我的代码： 
$('#apply-form input').blur(function ()

			
		

	





	

		

			

				
					
jquery submit 前的檢查

				
			

			

				

					只是記錄
				

				

					04-24
					
					983
					
				

			

		

		

			
				
var allowSubmit = false;  // By default deny the submit
         $("#btn_SAVE").on('click', function (e, options) {
             options = options || {};
             if ($("#OrderMtn").valid()) {


			
		

	





	

		

			

				
					
js中判断文本框是否为空的 两种方法

				
			

			

				

					weixin_30677617的博客
				

				

					07-29
					
					230
					
				

			

		

		

			
				
//用户名非空验证function checkUserName(){var name = 
document.myform.txtUser; //在这里我认为： name 代表的name 为 txtUser 的文本框if(name.value.length==0){ alert("请输入用户名"); 
name.focus(); return false;}else{re...

			
		

	



              




          




        



    





    



      

      

        
      

      





	

		
评论 1

	

  
	




  

    

      添加红包
      
    

    

      

        
        

          
          
        

        
请填写红包祝福语或标题

      

      

        
        

          
          个
        

        
红包个数最小为10个

      

      

        
        

          
          元
        

        
红包金额最低5元

      

      

        
        

          当前余额3.43元
          前往充值 >
        

      

      

        

          需支付：10.00元
        

        
        
      

    

  





  

    
    
  

  

    
    
  








  

    

      

        

          

            
            
成就一亿技术人!

          

          

        

        

          

          

            领取后你会自动成为博主和红包主的粉丝
            规则
          

        

      

      

        

          

            
              
            
            

              
hope_wisdom
 发出的红包
            

          

        

        

          

          

          

        

      

    

    

  



      
      

      
实付元

      
使用余额支付

      

        

          

            
            点击重新获取
          

        

        
扫码支付

      

      

        
          
            
          
          
        
      

      

        
        钱包余额
          0
          

            
            

              

                
抵扣说明：

                
 1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
 2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

              

            

          

      

      余额充值