<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title></title>
<meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0" />
<body>
<form id="form1" action="" method="get">
<input name="text1" type="text" value="" placeholder="name">
<input type="password" name="pwd" placeholder="密码">
<input name="text3" value="submit" type="submit" onclick="subimtonclick()">
</form>
<script language="JavaScript">
function subimtonclick(){
var form1=document.getElementById('form1');
if(form1.text1.value==""){
alert("用户名不能为空");
form1.text1.focus();
return;
}
if(form1.text1.value.length<6 || form1.text1.value.length>10){
alert("用户名不能少于六个字符，不能超过十个字符");
form1.text1.focus();
return;
}
if(form1.pwd.value==""){
alert("密码不能为空");
form1.pwd.focus();
return;
}
if(form1.pwd.value.length<6 || form1.pwd.value.length>10){
alert("密码不能少于六个字符，不能超过十个字符");
form1.pwd.focus();
return;
}
var str="用户名："+form1.text1.value+"<br>"+
"密码："+form1.pwd.value+"<br>";
document.writeln(str);
}
</script>
</body>
</html>
发表于 2015-06-26 11:40:55
回复(3)
<
script language="JavaScript">
function subimtonclick(){
if(form1.text1.value==""){
alert("用户名不能为空");
form1.text1.focus();
return;
}
if(form1.text1.value.length<6 || form1.text1.value.length>10){
alert("用户名不能少于六个字符，不能超过十个字符");
form1.text1.focus();
return;
}
if(form1.text2.value==""){
alert("密码不能为空");
form1.text2.focus();
return;
}
if(form1.text2.value.length<6 || form1.text2.value.length>10){
alert("密码不能少于六个字符，不能超过十个字符");
form1.text2.focus();
return;
}
if(form1.text3.value.length>4){
alert("用户小于四个字符");
form1.text3.focus();
return;
}
//性别
var sex;
if(form1.radiobutton.item(1).checked==true){
sex="女";
}
if(form1.radiobutton.item(0).checked==true){
sex="男";
}
//兴趣
var selectstr="";
for(i=0;i<form1.select1.options.length;i++){
if(form1.select1.options.item(i).selected==true){
selectstr+=form1.select1.options.item(i).text+" ";
}
}
//城市
var citystr="";
citystr=form1.select2.options.item(form1.select2.selectedIndex).text;
str="用户名："+form1.text1.value+"<br>"+
"密码："+form1.text2.value+"<br>"+
"性别："+sex+"<br>"
//document.write();
//document.write("");
document.writeln(selectstr);
}
</script>
function subimtonclick(){
if(form1.text1.value==""){
alert("用户名不能为空");
form1.text1.focus();
return;
}
if(form1.text1.value.length<6 || form1.text1.value.length>10){
alert("用户名不能少于六个字符，不能超过十个字符");
form1.text1.focus();
return;
}
if(form1.text2.value==""){
alert("密码不能为空");
form1.text2.focus();
return;
}
if(form1.text2.value.length<6 || form1.text2.value.length>10){
alert("密码不能少于六个字符，不能超过十个字符");
form1.text2.focus();
return;
}
if(form1.text3.value.length>4){
alert("用户小于四个字符");
form1.text3.focus();
return;
}
//性别
var sex;
if(form1.radiobutton.item(1).checked==true){
sex="女";
}
if(form1.radiobutton.item(0).checked==true){
sex="男";
}
//兴趣
var selectstr="";
for(i=0;i<form1.select1.options.length;i++){
if(form1.select1.options.item(i).selected==true){
selectstr+=form1.select1.options.item(i).text+" ";
}
}
//城市
var citystr="";
citystr=form1.select2.options.item(form1.select2.selectedIndex).text;
str="用户名："+form1.text1.value+"<br>"+
"密码："+form1.text2.value+"<br>"+
"性别："+sex+"<br>"
//document.write();
//document.write("");
document.writeln(selectstr);
}
</script>
发表于 2015-05-08 13:48:21
回复(0)
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title>Welcome to Sushi Hub</title>
<meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0" />
<style>
/* base */
html {
background-color: rgb(35, 31, 29);
font: 81.25%/1.25 arial, helvetica, sans-serif;
}
body {
margin: 0;
}
img {
max-width: 100%;
}
.hidden {
display: none;
}
.fl {
float: left;
}
.text-center {
text-align: center;
}
.p-bottom {
margin-bottom: 1em;
}
input[type=tel], input[type=text], input[type=email], input[type=number] {
border: 1px solid #d9d9d9;
font-size: 1.3em;
}
input[type=tel]:hover, input[type=text]:hover, input[type=email]:hover, input[type=number]:hover {
border: 1px solid #4d90f3;
}
/******** common *********/
.wrapper {
}
.header-bar {
background-color: rgb(35, 31, 29);
padding: 15px 15px 0;
text-align: center;
}
.header-bar > .inner, .main {
margin: 0 auto;
width: 80%;
max-width: 400px;
}
.signup {
color: #fff;
padding: 20px;
}
.signup .form-element {
margin-bottom: 15px;
}
.signup .form-element strong, .signup .form-element span {
width: 100%;
display: inline-block;
margin: 0 0 .2em;
font-size: 1.2em;
}
.signup input[type=tel], .signup input[type=text], .signup input[type=number], .signup input[type=email] {
width: 100%;
height: 33px;
box-sizing: border-box;
margin: 0px;
padding: 0 8px;
}
.signup input[type=tel], input[type=text], input[type=number], input[type=email] {
width: 100%;
height: 33px;
box-sizing: border-box;
margin: 0px;
padding: 0 8px;
}
.signup input[type=checkbox] {
float: left;
margin: 0;
}
.accept-service .text {
margin-left: 20px;
font-size: .95em;
}
.btn {
color: #fff;
font-weight: bold;
text-align: center;
padding: 5px 10px;
border: 0;
}
.btn-submit {
background-color: rgb(117, 23, 23);
padding: 16px 80px;
-webkit-border-radius: 2px;
border-radius: 2px;
display: inline-block;
width: 255px;
height: 57px;
-webkit-appearance: none;
font-size: 1.7em;
}
/********* signup success *********/
.signup-success-info {
border: 1px solid #fff;
padding: 10px 15px;
}
.signup-success .name {
margin-top: 15em;
}
.signup-success .name p {
margin: .5em 0;
}
.input-error {
border: 1px solid #dd4b39;
}
.input-error::-webkit-input-placeholder { /* WebKit browsers */
color: #dd4b39;
}
.input-error:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
color: #dd4b39;
}
.input-error::-moz-placeholder { /* Mozilla Firefox 19+ */
color: #dd4b39;
}
.input-error:-ms-input-placeholder { /* Internet Explorer 10+ */
color: #dd4b39;
}
.input-error:focus::-webkit-input-placeholder { /* WebKit browsers */
color: #999;
}
.input-error:focus:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
color: #999;
}
.input-error:focus::-moz-placeholder { /* Mozilla Firefox 19+ */
color: #999;
}
.input-error:focus:-ms-input-placeholder { /* Internet Explorer 10+ */
color: #999;
}
.errormsg {
margin: .5em 0 0;
display: block;
color: #dd4b39;
line-height: 17px;
}
.input-error {
-webkit-animation: breath
}
@-webkit-keyframes breath {
from {
-webkit-box-shadow: 0px 0px 0px rgb(221, 75, 57)
}
to {
-webkit-box-shadow: 10px 10px 0px rgb(221, 75, 57)
}
}
</style>
</head>
<body>
<div class="wrapper">
<div class="header-bar">
<div class="inner">
<img src="@Url.Content("../images/logo.png")" alt="logo" />
</div>
</div>
<div class="main signup">
<div class="inner">
<div class="content">
<form action="/Home/Success" method="post" id="signupform">
<div class="form-element">
<label>
<strong>Name:</strong>
<input type="text" name="name" placeholder="Please enter your name *" data-type="name" data-require="true" data-message="This can't be empty" value="@ViewBag.name" />
</label>
<!--<div class="errormsg">此处不能留空</div>-->
<!--<div class="username-suggestions hidden">-->
<!--此用户名已被使用-->
<!--</div>-->
</div>
<div class="form-element">
<label>
<strong>Mobile:</strong>
<input type="tel" name="mobile" maxlength="10" placeholder="Please enter your mobile *" pattern="[0-9]*" data-type="phone" data-require="true" data-message="This can't be empty" />
</label>
<!--<div class="errormsg hidden">此处不能留空</div>-->
<!--<div class="username-suggestions hidden">-->
<!--此用户名已被使用-->
<!--</div>-->
</div>
<div class="form-element">
<label>
<strong>Email:</strong>
<input type="email" name="email" placeholder="Please enter your email *" data-type="mail" data-require="true" data-message="This can't be empty" />
</label>
<!--<div class="errormsg hidden">此处不能留空</div>-->
<!--<div class="username-suggestions hidden">-->
<!--此用户名已被使用-->
<!--</div>-->
</div>
<div class="form-element">
<label>
<strong>Postcode:</strong>
<input type="tel" name="postcode" maxlength="4" pattern="[0-9]*" placeholder="Please enter your postcode *" data-type="post" data-require="true" data-message="This can't be empty" />
</label>
<!--<div class="errormsg hidden">此处不能留空</div>-->
<!--<div class="username-suggestions hidden">-->
<!--此用户名已被使用-->
<!--</div>-->
</div>
<div class="form-element accept-service">
<label>
<input type="checkbox" value="true" data-type="check" data-require="true" data-message="This can't be empty" />
<div class="text">
@ViewBag.Tick
</div>
</label>
<!--<div class="errormsg hidden">此处不能留空</div>-->
<!--<div class="username-suggestions hidden">-->
<!--此用户名已被使用-->
<!--</div>-->
</div>
<div class="form-element text-center">
<input type="submit" value="Sign Up" name="submitbutton" class="btn btn-submit" />
</div>
</form>
</div>
</div>
</div>
</div>
<script>
(function () {
function Validation(node, cfg) {
this.element = node;
this.inputs = Array.prototype.slice.call(this.element.querySelectorAll('[data-require="true"]'));
this.cfg = cfg || {};
//this.errorNum = 0;
this.cfg.rules = {
name: {
msg: 'Name should be 2-18 letters.',
rule: /^[a-zA-Z ]{2,18}$/
},
phone: {
msg: 'Mobile number should be 10 digits.',
rule: /^\d{10}$/
},
mail: {
msg: 'Please enter a correct email address.',
rule: /^[A-Za-z0-9._%+-]+@@[A-Za-z0-9.-]+\.[A-Za-z]{2,6}$/i
},
check: {
msg: 'This must be chosen.',
rule: 'check'
},
post: {
msg: 'Postcode should be 4 digits.',
rule: /^\d{4}$/
}
}
this.groups = Array.prototype.slice.call(node.getElementsByClassName('form-element'));
if (this.inputs.length === 0) return;
this._init();
}
Validation.prototype = {
constructor: Validation,
_event: function () {
var self = this;
self.element.addEventListener('focusin', function (e) {
var target = e.target;
if (getRequireValue.call(target)) {
//removeClass(target, 'input-error');
// target.classList.remove('input-error');
self._removeAlert(target);
}
});
self.element.addEventListener('focusout', function (e) {
var target = e.target,
rule,
value;
if (getRequireValue.call(target)) {
self._validate(target);
}
});
self.element.addEventListener('change', function (e) {
var target = e.target,
rule,
value;
if (target.type == 'checkbox') {
if (getRequireValue.call(target)) {
if (target.checked) {
//removeClass(target, 'input-error');
// target.classList.remove('input-error');
self._removeAlert(target);
}
}
}
});
self.element.addEventListener('submit', function (e) {
e.preventDefault();
var errorNum = self.validate();
// debugger;
if (errorNum == 0) {// 发送请求
ajax(self.cfg.urls.sendInfoUrl, serializeForm(self.element), function (data) {
// debugger;
data = eval('(' + data + ')');
if (data.result == 'success') {
data = data.content;
if (getType(data) == 'array') {
if (data.length == 0) {
//跳转
location.href = self.cfg.urls.successUrl;
} else {
data.forEach(function (item, index) {
//alert(item.type);
var input = document.querySelector('[data-type="' + item.type + '"]');
input.value = '';
//alert(input.value);
self._validate(input, item.msg);
});
}
}
}
});
}
})
},
_createAlert: function (target, msg) {
var parentNode = target.parentNode,//label,
self = this,
div;
debugger;
target.classList.add('input-error');
if (parentNode.getElementsByClassName('errormsg').length == 0) {
div = document.createElement('div');
div.innerText = msg;
div.className = 'errormsg';
parentNode.appendChild(div);
}
},
_removeAlert: function (target) {
var parentNode = target.parentNode;
target.classList.remove('input-error');
var msgs = parentNode.getElementsByClassName('errormsg');
for (var i = 0, len = msgs.length; i < len; i++) {
msgs[i].parentNode.removeChild(msgs[i]);
}
},
_getRule: function (node) {
var type = node.getAttribute('data-type'),
self = this,
t,
rule = { msg: '', rule: '' };
for (t in this.cfg.rules) {
if (t == type && this.cfg.rules.hasOwnProperty(type)) {
rule = this.cfg.rules[type];
break;
}
}
return rule;
},
_validate: function (target, msg) {
var self = this,
rule = self._getRule(target),
value = target.value,
errorNum = 0;
// if(rule.rule == 'check'){ //勾选
// if(target.checked == false){
// addClass(target, 'input-error');
// self._createAlert(target, rule.msg);
// }
// }else{
// if(rule.rule && !rule.rule.test(value)){
// addClass(target, 'input-error');
// self._createAlert(target, rule.msg);
// }
// }
if ((rule.rule == 'check' && target.checked == false) || (rule.rule !== 'check' && !rule.rule.test(value))) {
//addClass(target, 'input-error');
target.classList.add('input-error');
self._createAlert(target, msg || rule.msg);
errorNum++;
}
return errorNum;
},
validate: function () {
var self = this,
errorNum = 0;
self.inputs.forEach(function (input, index) {
errorNum += self._validate(input);
})
return errorNum;
},
_init: function () {
var self = this;
self._event();
}
}
new Validation(document.getElementById('signupform'), {
urls: {
sendInfoUrl: '/Home/Valid',
successUrl: '/Home/Success'
}
})
function getRequireValue() {
return eval(this.getAttribute('data-require')) == true;
}
function getMessage() {
return this.getAttribute('data-message');
}
function ajax(url, data, successFn, failFn) {
var oAjax = new XMLHttpRequest();
oAjax.open('POST', url, true);
oAjax.setRequestHeader("Content-Type", "application/x-www-form-urlencoded; charset=UTF-8");
oAjax.send(data);
oAjax.onreadystatechange = function () {
if (oAjax.readyState == 4) {
if (oAjax.status == 200) {
successFn && successFn(oAjax.responseText);
} else {
failFn && failFn();
}
}
}
}
function getType(obj) {
return Object.prototype.toString.call(obj).slice(8, -1).toLowerCase();
}
//表单序列化
function serializeForm(whichForm) {
var parts = new Array();
var field = null;
for (var i = 0, len = whichForm.elements.length; i < len; i++) {
field = whichForm.elements[i];
switch (field.type) {
case "select-one":
case "select-multipe":
for (var j = 0, optLen = field.options.length; j < optLen; j++) {
var option = field.options[j];
if (option.selected) {
var optValue = "";
if (option.hasAttribute) {
optValue = (option.hasAttribute("value") ? option.value : option.text);
}
else {
optValue = (option.attributes["value"].specified ? option.value : option.text);
}
parts.push(encodeURIComponent(field.name) + "=" + encodeURIComponent(optValue));
}
}
break;
case undefined:
case "file":
case "submit":
case "reset":
case "button":
break;
case "radio":
case "checkbox":
if (!field.checked) {
break;
}
default:
parts.push(encodeURIComponent(field.name) + "=" + encodeURIComponent(field.value));
}
}
return parts.join("&");
}
})();
</script>
</body>
</html>
发表于 2015-05-08 10:44:38
回复(1)
var getCheckObject = function() {
var tipP = tip = document.createElement("p");
tip.appendChild(document.createTextNode("密码错误"));
var tipU = tip = document.createElement("p");
tip.appendChild(document.createTextNode("用户名错误"));
function addErrorTip(node, type) {
node.className +=' ' + 'error' +' ';
if(type =="username") {
node.parentNode.appendChild(tipU);
} else if (type == "password") {
node.parentNode.appendChild(tipP);
}
}
function removeErrorTip(node, type) {
node.className = "";
if(type ==="username") {
node.parentNode.removeChild(tipU);
} else if (type === "password") {
node.parentNode.removeChild(tipP);
}
}
function isValidName(name) {
return false;
}
function isValidPassword(password) {
var lenIsEnough = password.length > 6; //密码长度大于6
var hasDigital = /{d}+/.test(password); //密码包含数字
var hasCharater = /{w}+/.test(password); //密码包含其它字符
return lenIsEnough && hasDigital && hasCharater;
}
return {
addErrorTip: addErrorTip,
removeErrorTip: removeErrorTip,
isValidName: isValidName,
isValidPassword: isValidPassword
};
};
var checkObj = getCheckObject();
var form = document.forms['login-form'];
var username = form['username'];//--name是关键字
var password = form['password'];
form.addEventListener('submit', function(event){
if(!checkObj.isValidName(username.value)) {
checkObj.addErrorTip(username,'username');
event.preventDefault();
}
if(!checkObj.isValidPassword(password.value)) {
checkObj.addErrorTip(password,'password');
event.preventDefault();
}
}, false);
form.addEventListener('reset',function(event){
checkObj.removeErrorTip(username,'username');
checkObj.removeErrorTip(password,'password');
},false);
username.addEventListener('blur', function(event) {
if (!checkObj.isValidName(username.value)) {
checkObj.addErrorTip(username, 'username');
}
}, false)
username.addEventListener('focus', function(event) {
checkObj.removeErrorTip(username, 'username');
}, false);
password.addEventListener('blur', function(event) {
if (!checkObj.isValidPassword(password.value)) {
checkObj.addErrorTip(password, 'password');
}
}, false)
password.addEventListener('focus', function(event) {
checkObj.removeErrorTip(password, 'password');
}, false);
发表于 2015-08-12 12:42:57
回复(7)
<!DOCTYPE html>
<html>
<body>
<form action="#" method="post" onsubmit="check()" >
请输入你的登录名：
<input type="text" placeholder="邮箱/用户名/手机号" id="name"/>
<br/>
密码：
<input type="password" placeholder="6-10位字符/数字" name="password"/>
<br/>
<input type="submit" value="提交"/>
</form>
<script type="text/javascript">
function check(){
var loadName=document.getElementById('name').value;
var word=document.getElementById('password').value;
if(loadName==''){
alert('please input the valid name');
return false;
}
else if(word==''||(word.length<6||word.length>10)){
alert('the password is invalid');
return false;
}else{
return true;
}
}
</script>
</body>
</html>
发表于 2020-09-05 22:24:04
回复(0)
各位仁兄的答案中，有各种各样的的登陆验证，而且题目身也没说那个登陆验证，我认为没有对错之分。但在考试中，标准答案肯定是有的，因此我们应该如何回答这个问题
编辑于 2018-08-29 21:21:16
回复(0)
<form action="" methods='post' onsubmit="return check(this)">
<input name="name1" type="text">
<input name="pass" type="password">
<input type="submit" value='提交'>
</form>
<script type="text/javascript">
function check(form){
if(form.name1.value==''){
alert("请输入用户名")
return false
}
if(form.pass.value==''){
alert("请输入密码")
return false
}
return true
<input name="name1" type="text">
<input name="pass" type="password">
<input type="submit" value='提交'>
</form>
<script type="text/javascript">
function check(form){
if(form.name1.value==''){
alert("请输入用户名")
return false
}
if(form.pass.value==''){
alert("请输入密码")
return false
}
return true
}
</script>
</script>
发表于 2018-08-15 19:31:20
回复(0)
//验证是不是空？还验证是否存在用户名？？
function login(){
if(checkIsEmpty($('#username').text())=== true ){
if(checkIsEmpty($('#password').text()) === true){
// alert("不和后台对接的话，显示登陆成功")！
var query = {
username : "",
password : ""
}
query.username = $('#username').text();
query.password = $('#password').text();
$.ajax({
url: "接口",
type: 'POST',
contentType: 'application/json; charset=utf-8',
data: JSON.stringify(query),
dataType: 'json',
success:function(data){
if(data.success == true){
alert("登陆成功");
} else {
alert(data.message);//后台返回一个错误
}
}
})
}
}
}
function checkIsEmpty(item){
if(item === "" && item === null){
alert("不能为空") ;
return false;
}else{
return true;
}
}
发表于 2018-07-24 11:53:15
回复(0)
<form name="form1" onsubmit="javascript:return loginSubmit()"> <input type="text" name="user" placeholder="请输入用户名">
</form>
<script>
function loginSubmit(){
var user = document.form1.user
if(user.value == ''){
alert('请输入用户名')
user.focus()
return false
}
if(user.value.length < 6 || user.value.length > 10){
alert('用户名程度在6-10之间，请重新输入')
user.select()
user.focus()
return false
}
}
</script>
发表于 2018-02-28 12:52:20
回复(0)
var form = document.getElementsByTagName('form')[0],
username = form.getELementsByName('username')[0],
password = form.getElementsByName('password')[0]
if ( check(username) ) {
alert("请输入用户名")
return
}
if( check(password) ){
alert("请输入密码")
return
}
function check(el){
if ( el.value === null || el.value === undefined ) {
return false
} else {
return true
}
}
发表于 2018-02-07 14:08:00
回复(0)
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title>用javascript实现用户登录验证的代码</title>
<script>
function checkname(){
var div = document.getElementById("div1");
div.innerHTML = "";
var name1 = document.form1.text1.value;
if (name1 == "") {
div.innerHTML = "姓名不能为空！";
document.form1.text1.focus();
return false;
}
if (name1.length < 4 || name1.length > 16) {
div.innerHTML = "姓名输入的长度4-16个字符！";
document.form1.text1.select();
return false;
}
var charname1 = name1.toLowerCase();
for (var i = 0; i < name1.length; i++) {
var charname = charname1.charAt(i);
if (!(charname >= 0 && charname <= 9) && (!(charname >= 'a' && charname <= 'z')) && (charname != '_')) {
div.innerHTML = "姓名包含非法字母，只能包含字母，数字，和下划线";
document.form1.text1.select();
return false;
}
}
return true;
}
function checkpassword(){
var div = document.getElementById("div2");
div.innerHTML = "";
var password = document.form1.text2.value;
if (password == "") {
div.innerHTML = "密码不位空！";
document.form1.text2.focus();
return false;
}
if (password.length < 4 || password.length > 12) {
div.innerHTML = "密码长度4-12位";
document.form1.text2.select();
return false;
}
return true;
}
function checkrepassword(){
var div = document.getElementById("div3");
div.innerHTML = "";
var password = document.form1.text2.value;
var repass = document.form1.text3.value;
if (repass == "") {
div.innerHTML = "密码不位空！";
document.form1.text3.focus();
return false;
}
if (password != repass) {
div.innerHTML = "输入密码和确认密码长度不一致";
document.form1.text3.select();
return false;
}
return true;
}
function checkEmail(){
var div = document.getElementById("div4");
div.innerHTML = "";
var email = document.form1.text5.value;
var sw = email.indexOf("@", 0);
var sw1 = email.indexOf(".", 0);
var tt = sw1 - sw;
if (email.length == 0) {
div.innerHTML = "电子邮件不能位空";
document.form1.text5.focus();
return false;
}
if (email.indexOf("@", 0) == -1) {
div.innerHTML = "电子邮件格式不正确，必须包含@符号！";
document.form1.text5.select();
return false;
}
if (email.indexOf(".", 0) == -1) {
div.innerHTML = "电子邮件格式不正确，必须包含.符号！";
document.form1.text5.select();
return false;
}
if (tt == 1) {
div.innerHTML = "邮件格式不对。@和.不可以挨着！";
document.form1.text5.select();
return false;
}
if (sw > sw1) {
div.innerHTML = "电子邮件格式不正确，@符号必须在.之前";
document.form1.text5.select();
return false;
}
else {
return true;
}
return ture;
}
function check(){
if (checkname() && checkpassword() && checkrepassword() && checkEmail()) {
return true;
}
else {
return false;
}
}
</script>
</head>
<body>
<form name="form1" method="post" action="http://www.taobao.com" onsubmit="return check()">
<table>
<tr>
<td>
用户名：
</td>
<td>
<input id="text1" type="text" name="text1" onblur="check()">
<div id="div1" style="display:inline">
</div>
</td>
</tr>
<tr>
<td>
密码：
</td>
<td>
<input id="text2" type="password" name="text2" onblur="check()">
<div id="div2" style="display:inline">
</div>
</td>
</tr>
<tr>
<td>
确认密码：
</td>
<td>
<input id="text3" type="password" name="text3" onblur="check()">
<div id="div3" style="display:inline">
</div>
</td>
</tr>
<tr>
<td>
电子邮件地址：
</td>
<td>
<input id="text4" type="text" name="text4" onblur="check()">
<div id="div4" style="display:inline">
</div>
</td>
</tr>
<tr align="center">
<td align="center">
<input type="submit" value="提交" name="tect6">
<input type="reset" value="重置" name="text7">
</td>
</tr>
</table>
</form>
</body>
</html>
发表于 2017-09-02 20:21:25
回复(0)
var code="" ; //在全局 定义验证码function createCode(){code = "";var codeLength = 6;//验证码的长度var checkCode = document.getElementById("checkCode");checkCode.value = "";var selectChar = newArray(0,1,2,3,4,5,6,7,8,9,'A','B','C','D','E','F','G','H','J','K','L','M','N','P','Q','R','S','T','U','V','W','X','Y','Z');for(var i=0;i<codeLength;i++) {var charIndex = Math.floor(Math.random()*32);code +=selectChar[charIndex];}if(code.length != codeLength){createCode();}document.getElementById("checkCode").innerHTML = code;}function validate () {var inputCode = document.getElementById("checkNum").value.toUpperCase();if(inputCode.length <=0) {alert("请输入验证码！");return false;}else if(inputCode != code ){alert("验证码输入错误！");createCode();return false;}else {alert("验证码通过！");return true;}}
发表于 2017-08-29 11:44:14
回复(0)
<script language=javascript>
function checkSubmit()
{
if((document.form1.name.value)==”)
{
window.alert (‘姓名必须填写’);
document.form1.name.select();
document.form1.name.focus();
returnfalse;
}
else
returntrue;
}
</script>
<form name=”form1″ onsubmit=”javascript:returncheckSubmit()”>
<input type=”text” name=”name”>
</form>
发表于 2017-07-31 21:58:17
回复(0)
<script language="JavaScript"> function subimtonclick(){ if(form1.text1.value==""){ alert("用户名不能为空"); form1.text1.focus(); return; } if(form1.text1.value.length<6 || form1.text1.value.length>10){ alert("用户名不能少于六个字符，不能超过十个字符"); form1.text1.focus(); return; } if(form1.text2.value==""){ alert("密码不能为空"); form1.text2.focus(); return; } if(form1.text2.value.length<6 || form1.text2.value.length>10){ alert("密码不能少于六个字符，不能超过十个字符"); form1.text2.focus(); return; } if(form1.text3.value.length>4){ alert("用户小于四个字符"); form1.text3.focus(); return; } //性别 var sex; if(form1.radiobutton.item(1).checked==true){ sex="女"; } if(form1.radiobutton.item(0).checked==true){ sex="男"; } //兴趣 var selectstr=""; for(i=0;i<form1.select1.options.length;i++){ if(form1.select1.options.item(i).selected==true){ selectstr+=form1.select1.options.item(i).text+" "; } } //城市 var citystr=""; citystr=form1.select2.options.item(form1.select2.selectedIndex).text; str="用户名："+form1.text1.value+"<br>"+ "密码："+form1.text2.value+"<br>"+ "性别："+sex+"<br>" //document.write(); //document.write(""); document.writeln(selectstr); } </script>
发表于 2017-07-23 12:24:38
回复(0)
<script language=javascript>
function checkSubmit()
{
if((document.form1.name.value)==”)
{
window.alert (‘姓名必须填写’);
document.form1.name.select();
document.form1.name.focus();
returnfalse;
}
else
returntrue;
}
</script>
<form name=”form1″ onsubmit=”javascript:returncheckSubmit()”>
<input type=”text” name=”name”>
</form>
发表于 2016-07-20 20:37:00
回复(0)
function login(callback){
var xhr = null;
if(window.XMLHttpRequest){
xhr=new XMLHttpRequest();
}else{
xhr = new ActiveXObject('Microsoft.XMLHTTP');
}
xhr.onreadystatechange = function(){
if(xhr.readyState == 4){
if(xhr.status == 200){
if(xhr.responseText){
callback(true);
}else{
callback(false);
}
}else{
callback(false);
}
}
}
xhr.open('POST','server/login',true);
xhr.send();
}
发表于 2016-03-20 14:25:52
回复(0)
问题信息
-
扫描二维码，关注牛客网
- 意见反馈
-
下载牛客APP，随时随地刷题
扫一扫，把题目装进口袋
- 求职之前，先上牛客
-
扫描二维码，进入QQ群
扫描二维码，关注牛客公众号
- 公司地址：北京市朝阳区北苑路北美国际商务中心K2座一层-北京牛客科技有限公司
- 联系方式：010-60728802 投诉举报电话：010-57596212（朝阳人力社保局）
- 牛客科技© All rights reserved admin@nowcoder.com
- 京ICP备14055008号-4 增值电信业务经营许可证 营业执照 人力资源服务许可证
-
京公网安备
11010502036488号
