2011-12-19 53 views
-1

我正在使用jQuery AJAX和ASP.Net网络方法。我需要检查输入到HTML控件的用户数据,我知道有很多jQuery插件,但我一一使用它们,但没有运气,问题是他们使用<form id="" action=""></form>标签,而我没有。另外我不提交我的表单,因为它是一个jQuery AJAX应用程序。我想要一些字段只有浮点,而有些字段不为空。谁能帮忙?用户数据验证

这里是我的代码:

<table width="100%"> 
    <tr> 
     <td><asp:Label ID="lblcontry" runat="server" Text="Select Country"> </asp:Label></td> 
     <td> 
      <select id="cmbCountry"> 
       <option value="0">Select Country</option> 
      </select> 
     </td> 
    </tr> 
    <tr> 
     <td><asp:Label ID="lblCname" runat="server" Text="City Name"></asp:Label></td> 
     <td><input type="text" id="txtCityName" /></td> 
    </tr> 
    <tr> 
     <td><asp:Label ID="lblDialCode" runat="server" Text="Dial Code"></asp:Label></td> 
     <td><input type="text" id="txtDialCode" /></td> 
    </tr> 
    <tr> 
     <td><asp:Label ID="lblKeywords" runat="server" Text="KeyWords"></asp:Label></td> 
     <td><textarea id="txtKeywords" cols="20" rows="2"></textarea></td> 
    </tr> 
    <tr> 
     <td></td> 
     <td> 
      <input type="button" id="btnsave" value="Save" /> 
      <input type="button" id="btnCancel" value="Cancel" /> 
     </td> 
    </tr> 
</table> 

$(document).ready(function() { 
    $("#btnsave").click(function() { 
     //here i want to check fields first and then save data. 
     SaveData(); 
    }); 
} 

我有进口的所有文件和CSS。

回答

0
$(document).ready(function() { 

    $("#btnsave").click(function() { 

     var isValid = false;  
     //manual validation examples, change to your needs 
     if($('#'+ <%=txtCityName.ClientID %>).val() == '') 
     { 
      //tell the user 
     } 
     else 
     { 
      isValid = true; 
     } 

     if(isNaN(parseFloat($('#'+ <%=txtDialCode.ClientID %>).val()))) 
     { 
      //tell the user 
     } 
     else 
     { 
      isValid = true; 
     }   


     if (isValid) SaveData(); 
    }); 

} 
+0

'parseFloat'检查将不会完全工作。如果该值是例如'0hi',则parseFloat将反弹'0'而不是'NaN'。 – kubetz 2011-12-19 13:43:16

+1

就像我说过的,这是一个如何做手动验证,更改您的需求的例子。 – 2011-12-19 13:46:30

0

如果输入有一个浮点值,你可以验证:

var val = $("#idofelement").val() 
if (parseFloat(val) != val) { 
    // value is not a number 
} 

您可以检查输入值不为空这样的:

if ($("idofelement").val()) { 
    // value is a empty string 
}