如何在按钮点击上使用Jquery Shake效果？ [英] How to use the Jquery Shake effect on Button click ?

问题描述

我想要做的是在文本框为空时摇动文本框。但我无法做到这一点。

我正在做的如下：

 $（< span class =code-string> ＃BtnSubmit）。click（function（）{
  if （$（ ＃txt1）。val（）== ' ' || $（ < span class =code-string>＃TextBox1）。val（）== ' ' || $（ ＃TextBox2）。val（））{
 $（ ＃txt1）。effect（  shake）
 
} 
 
}）; 

 <   div     id   =  keepTextBox >  
& nbsp;& nbsp;& nbsp ;&安培; NBSP;&安培; NBSP;&安培; NBSP;&安培; NBSP;&安培; NBSP;&安培; NBSP;&安培; NBSP;&安培; NBSP;&安培; NBSP;&安培; NBSP;&安培; NBSP;&安培; NBSP;&安培; NBSP;&安培; NBSP;&安培; NBSP;&安培; NBSP;&安培; NBSP; 
& nbsp;& nbsp;& nbsp;& nbsp;& nbsp;& nbsp;& nbsp;& nbsp;& nbsp;& nbsp;& nbsp;& NBSP;&安培; NBSP;&安培; NBSP;&安培; NBSP;&安培; NBSP;&安培; NBSP;&安培; NBSP;&安培; NBSP;&安培; NBSP; 
 <   asp：TextBox     ID   =  txt1    ForeColor   = 白色    runat   =   server   高度 < span class =code-keyword> =  30px   样式  =  background-color：＃46375E; >  <   / asp：TextBox  > & nbsp;& nbsp; 
 <   asp：RequiredFieldValidator     ControlToValidate   =  txt1    ID   =  rftxt1    runat   =   server    SetFocusOnError  < span class =code-keyword> =  true >  <   / asp：RequiredFieldValidator  >  
 <   asp：TextBox     ID   =  TextBox1    ForeColor   = 白色    runat   =  server < span class =code-attribute>  高度  =  30px   样式  =   background-color：＃46375E >  <   / asp：TextBox  &g吨; &安培; NBSP;&安培; NBSP; 
 <   asp：RequiredFieldValidator     ControlToValidate   =  TextBox1    ID   =  rfTextBox1    runat   =   server  
   
                                       SetFocusOnError  < span class =code-keyword> =  true >  <   / asp：RequiredFieldValidator  >  
 <   asp：TextBox     ID   =  TextBox2    runat   =  server    ForeColor   = 白色   高度  =  30px    样式  =  background-color：＃46375E >  <   / asp：TextBox  > & nbsp;& nbsp; 
 <   asp：RequiredFieldValidator     ControlToValidate   =  TextBox2    ID   =  rfTextBox2    runat   =   server  
   
                                       SetFocusOnError  < span class =code-keyword> =  true >  <   / asp：RequiredFieldValidator  >  
 <   asp：按钮    ID   =  BtnSubmit    runat   =  server   宽度  =  15％   文字  = 注册    ForeColor   = 白色  
   
                                      样式  =  background-color：＃49A7E4; cursor：pointer;   高度  =   40px    /  < span class =code-keyword>>  <   / div  >  
 <   / div  < span class =code-keyword>>  

我希望如果任何文本框为空，文本框应该是谢谢。

解决方案

（ ＃BtnSubmit ）。click（function（）{
if （

（ ＃txt1）。val（）== ' ' ||

（ ＃TextBox1）。val（）== ' ' ||

What i want to do is to shake the textbox if the textbox is empty. But i a unable to do this.
What i am doing is as follows :

$("#BtnSubmit").click(function() {
              if ($("#txt1").val() == '' || $("#TextBox1").val() == '' || $("#TextBox2").val()) {
                  $("#txt1").effect("shake")

              }

          });

<div id="keepTextBox">
              &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
              &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
              <asp:TextBox ID="txt1" ForeColor="White" runat="server" Height="30px" Style="background-color: #46375E;"></asp:TextBox>&nbsp;&nbsp;
              <asp:RequiredFieldValidator ControlToValidate="txt1" ID="rftxt1" runat="server" SetFocusOnError="true"></asp:RequiredFieldValidator>
              <asp:TextBox ID="TextBox1" ForeColor="White" runat="server" Height="30px" Style="background-color: #46375E"></asp:TextBox>&nbsp;&nbsp;
              <asp:RequiredFieldValidator ControlToValidate="TextBox1" ID="rfTextBox1" runat="server"

                  SetFocusOnError="true"></asp:RequiredFieldValidator>
              <asp:TextBox ID="TextBox2" runat="server" ForeColor="White" Height="30px" Style="background-color: #46375E"></asp:TextBox>&nbsp;&nbsp;
              <asp:RequiredFieldValidator ControlToValidate="TextBox2" ID="rfTextBox2" runat="server"

                  SetFocusOnError="true"></asp:RequiredFieldValidator>
              <asp:Button ID="BtnSubmit" runat="server" Width="15%" Text="SIGN UP" ForeColor="White"

                  Style="background-color: #49A7E4; cursor: pointer;" Height="40px" /></div>
      </div>

I want that if any textbox is empty the the textbox should shake. Thank you.

解决方案

("#BtnSubmit").click(function() { if (

("#txt1").val() == '' ||

("#TextBox1").val() == '' ||

这篇关于如何在按钮点击上使用Jquery Shake效果？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！