问题描述
你好，
我正在用HTML，PHP和JavaScript构建一个独立的页面.我已经设法完成了我的PHP，但是由于我是新手，所以开始努力启动JavaScript.如果有人可以指导我，那就太好了.谢谢，这是下面的我的HTML代码:
Hi there
I am building a stand alone page in HTML, PHP and JavaScript. I have managed to complete my PHP but strangling to start JavaScript as i am new to it. If someone could guide me that would be awesome. Thanks here is my HTML code below:
<div id="form">
<form name="registration" action="validation.php" method="POST">
<h3>Registration Form</h3>
<fieldset id="Logon">
<legend>Create Logon</legend>
<!-- add a class to all the input boxes instead. Safer and more backwards-compatible -->
<div class="form-line">
<label for="username">Username *: </label>
<input type="text" id="Username" name="userid"/></div>
<div class="form-line">
<label for="pwd">Password *: </label>
<input type="password" id="Password" name="pwd" /></div>
<div class="form-line">
<label for="pwd">Confirm Password *: </label>
<input type="password" id="Confirm Password" name="confpwd"/></div>
</fieldset>
<br />
<fieldset id="Details">
<legend>User Details</legend>
<div class="form-line">
<label for="lastname">Surname *: </label>
<input type="text" id="Surname" name="lastname"/></div>
<div class="form-line">
<label for="other_names">Other Names *: </label>
<input type="text" id="Other Names" name="names" /></div>
<div class="form-line">
<label for="dob">Date of Birth *: </label>
<input type="text" id="Date of Birth" name="dob"/></div>
<div class="form-line">
<label for="email">Email *: </label>
<input type="email" id="Email Address" name="email"/></div>
<div class="form-line">
<label for="email">Confirm Email *: </label>
<input type="email" id="Confirm Email" name="confemail" /></div>
<div class="form-line">
<label for="tel">Telephone: </label>
<input type="text" id="Telephone" name="tel" /></div>
<div class="form-line">
<label for="add">Address line 1 *: </label>
<input type="text" id="Address Line 1" name="add1"/></div>
<div class="form-line">
<label for="add">Address line 2: </label>
<input type="text" id="Address Line 2" name="add2" /></div>
<div class="form-line">
<label for="add">Town/City *: </label>
<input type="text" id="Town or City" name="twnc"/></div>
<div class="form-line">
<label for="ptc">Post Code *: </label>
<input type="text" id="Post Code" name="ptc" /></div>
<input type="submit" value="Submit" />
<input type="reset" value="Reset" />
<p align="center">Note: All fields marked with * must be completed!.</p>
</fieldset>
</form>
</div>
</div>
<br />
<div id="footer"></div>
<p align="center"; font "">Copyright © Your Online Library. All rights reserved </p>
</body>
</html>
我想即时验证用户输入，例如用户名，以检查用户名是否已存在于数据库中. PHP正在服务器端进行验证，现在我要一个Java类来验证最终用户输入.我听说使用ajax可以实时进行验证，但是我以前从未使用过ajax.我不介意它是否是ajax，当用户在注册表单上输入信息时，我只是想能够验证以下内容:
用户名，密码，姓氏，其他名称，DOB，电话，电子邮件，地址行1，地址行2，城镇/城市和邮政编码.
遵循下面给出的第一个解决方案，但有错误:(
在此先感谢
I want to validate the user inputs such as username on the fly to check if username already exists in the database. The php is validating on the server side, now i want a java class to validate end user inputs. I heard using ajax does validation on the fly, but i have never used ajax before. I m not bothered if it is ajax or not i just want to be able to validate the following when user enters information on the registration form:
Username, Password, Surname, Other names, DOB, Tel, Email, Address line 1, address line 2, Town/city and post code.
Something along the lines of the first solution given below, but it has errors :(
Thanks in advance
推荐答案
<script type="text/javascript">
function validate()
{
var name=document.getElementById("Username");
if(name.value=="")
{
alert("Please enter username");
name.focus();
return false;
}
var Password=document.getElementById("Password");
if(Password.value=="")
{
alert("Please enter Password");
Password.focus();
return false;
}
var rePassword=document.getElementById("Confirm Password");
if(rePassword.value=="")
{
alert("Please re-enter Password");
rePassword.focus();
return false;
}
var dob=document.getElementById("Date of Birth");
if(dob.value=="")
{
alert("Please re-enter Password");
dob.focus();
return false;
}
var email=document.getElementById("Email Address");
if(email.value=="")
{
alert("Please re-enter Password");
email.focus();
return false;
}
var cemail=document.getElementById("Confirm Email");
if(cemail.value=="")
{
alert("Please re-enter Password");
cemail.focus();
return false;
}
var address=document.getElementById("Address Line 1");
if(address.value=="")
{
alert("Please re-enter Password");
address.focus();
return false;
}
var city=document.getElementById("Town or City");
if(city.value=="")
{
alert("Please re-enter Password");
city.focus();
return false;
}
var pin=document.getElementById("Post Code");
if(pin.value=="")
{
alert("Please re-enter Password");
pin.focus();
return false;
}
}
</script>
这是简单的验证.如果您需要详细的验证方法，则需要详细检查，例如电子邮件格式，仅字母等，
谢谢.
This is the simple validation. If you want detail validation means, you need to check detailly, like email format,only alphabets etc.,
Thanks.
这篇关于任何人都可以帮助我在javascript中对此进行验证吗的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！