(javascript)Validation有谁会帮帮忙！！ - JBTALKS.CC

<script language="javascript" src="jquery.js"></script>
<form action=http://localhost/urproject method="post">
<input type="text" name="someVal">
</form>

复制代码

<script language="javascript" src="jquery.js"></script>
<script>
$(function(){
})
</script>
<form action=http://localhost/urproject method="post">
<input type="text" name="someVal">
</form>

复制代码

<script language="javascript" src="jquery.js"></script>
<script>
$(function(){
})
</script>
<form action="http://localhost/urproject" method="post">
<input type="text" name="someVal">
</form>
<p>
length should more than 10.
</p>
<p id="result">
</p>

复制代码

<script language="javascript" src="jquery.js"></script>
<script>
$(function(){
$("input[name=someVal]").blur(function(){ // 当someVal onBlur 的当儿执行。
if($(this).val().length < 10)$("#result").html("<font color='red'>Invalid input</font>");
// $(this).val() 的意思是 someVal 的Value, 字数少过十就放出红色的字体，如果是多过10就青色。这个你应该会。
else $("#result").html("<font color='green'>Pass !</font>");
// $("#result").html() 就是~innerHtml. 总之不管是怎样都会写入<p></p> tag之间。
})
})
</script>
<form action="http://localhost/urproject" method="post">
<input type="text" name="someVal">
</form>
<p>
length should more than 10.
</p>
<p id="result">
</p>

复制代码

<script type='text/javascript'>
function formValidator(){
// Make quick references to our fields
var firstname = document.getElementById('firstname');
var addr = document.getElementById('addr');
var zip = document.getElementById('zip');
var state = document.getElementById('state');
var username = document.getElementById('username');
var email = document.getElementById('email');
// Check each input in the order that it appears in the form!
if(isAlphabet(firstname, "Please enter only letters for your name")){
if(isAlphanumeric(addr, "Numbers and Letters Only for Address")){
if(isNumeric(zip, "Please enter a valid zip code")){
if(madeSelection(state, "Please Choose a State")){
if(lengthRestriction(username, 6, 8)){
if(emailValidator(email, "Please enter a valid email address")){
return true;
}
}
}
}
}
}
return false;
}
function notEmpty(elem, helperMsg){
if(elem.value.length == 0){
alert(helperMsg);
elem.focus(); // set the focus to this input
return false;
}
return true;
}
function isNumeric(elem, helperMsg){
var numericExpression = /^[0-9]+$/;
if(elem.value.match(numericExpression)){
return true;
}else{
alert(helperMsg);
elem.focus();
return false;
}
}
function isAlphabet(elem, helperMsg){
var alphaExp = /^[a-zA-Z]+$/;
if(elem.value.match(alphaExp)){
return true;
}else{
alert(helperMsg);
elem.focus();
return false;
}
}
function isAlphanumeric(elem, helperMsg){
var alphaExp = /^[0-9a-zA-Z]+$/;
if(elem.value.match(alphaExp)){
return true;
}else{
alert(helperMsg);
elem.focus();
return false;
}
}
function lengthRestriction(elem, min, max){
var uInput = elem.value;
if(uInput.length >= min && uInput.length <= max){
return true;
}else{
alert("Please enter between " +min+ " and " +max+ " characters");
elem.focus();
return false;
}
}
function madeSelection(elem, helperMsg){
if(elem.value == "Please Choose"){
alert(helperMsg);
elem.focus();
return false;
}else{
return true;
}
}
function emailValidator(elem, helperMsg){
var emailExp = /^[\w\-\.\+]+\@[a-zA-Z0-9\.\-]+\.[a-zA-z0-9]{2,4}$/;
if(elem.value.match(emailExp)){
return true;
}else{
alert(helperMsg);
elem.focus();
return false;
}
}
</script>
<form onsubmit='return formValidator()' >
First Name: <input type='text' id='firstname' /><br />
Address: <input type='text' id='addr' /><br />
Zip Code: <input type='text' id='zip' /><br />
State: <select id='state'>
<option>Please Choose</option>
<option>AL</option>
<option>CA</option>
<option>TX</option>
<option>WI</option>
</select><br />
Username(6-8 characters): <input type='text' id='username' /><br />
Email: <input type='text' id='email' /><br />
<input type='submit' value='Check Form' />
</form>

复制代码