1. Add a text box and a reference to the style and JS script on the static page:
2.CSS style sheet, red border when text box text is empty:
3.js script: When the text box text is empty, the border is red, if the user name is Janes, prompt "username already exists", otherwise prompt "user name can use".
Code highlighting produced by Actipro Codehighlighter (freeware) http://www.jb51.net/-->$ (function () {
var txtname=$ ("#txtName");
text box style when entering text
Txtname.keyup (function () {
var name=$ (this). Val ();
if (name== "")
$ (this). addclass ("txtname");
else $ (this). Removeclass ("txtname");
})
Verify that the user name is available when the focus is lost
$ ("#txtName"). blur (Function ()
{
var name=$ (this). Val ();
$.get ("Validator1.aspx?name=" +name,null,function (response) {
$ ("#result"). HTML (response);
})
})
})
4..aspx and. CS page code to verify that the user name is available to return the result.
Code highlighting produced by Actipro Codehighlighter (freeware) Http://www.jb51.net/-->public partial class Validator_validator1:System.Web.UI.Page
{
protected void Page_Load (object sender, EventArgs e)
{
String name = request.querystring["Name"]. ToString ();
if (name = = "Janes")
Response.Write ("The username already exists!") ");
Else
Response.Write ("This user name can be used!") ");
}
}
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
