سوال مبتدی [بایگانی]

zinat1356

جمعه 14 خرداد 1395, 00:57 صبح

من در حال یادگیری جاوا اسکریپت هستم یه یه مشکلی برخوردم
این کد های منه

<html>
<head>
</head>
<body>
<form action="1.html" >
<p id="error"></p>
name: <input type="text" id = "name" />
family: <input type="text" id = "family" />
age: <input type="text" id = "age" />
<input type="submit" value="ok" onClick = "check()" />
</form>

<script type="text/javascript" src="1.js"></script>
</body>
</html>

function check(){

var name = document.getElementById("name").value;
var family = document.getElementById("family").value;
var age = document.getElementById("age").value;

try{
if(name == "" ){
throw "name is empty";
}

if(family == "" ){
throw "family is empty";
}

if(age == "" ){
throw "age is empty";
}
if (isNaN(age)){
throw "age is not number";
}
}catch(err){
error.innerHTML = err;

}

}

من وقتی اینها رو اجرا می کنم یه لحظه پیام خطا رو نشون می ده و بعد میره می دونم مشکل از دکمه submit هست یعنی دو رویداد رو یه دکمه هست هم submit و دیگری onclick اگه دکمه button باشه همه خطاها درست نشون داده میشه خب من می خوام دکمه ام submit باشه چی کار کنم ؟؟؟؟

plague

جمعه 14 خرداد 1395, 17:40 عصر

برای رویداد onsubmit فرمت بزار این تابع رو

<form action="1.html" onsubmit="return check();">

تو کد جاوا اسکریپت هم اگه اررور بود false رو برگردون تا فرم ثبت نشه

یه راه دیگه که من ترجیح میدم هم هست که دکمه سابمیت نزاری و تو کد جا وا اسکریپت بعد از اینکه ولیدیشن انجام دادی فرم رو با جاوا اسکریپت سابمیت کنی

kb0y667

شنبه 19 تیر 1395, 05:51 صبح

به زبان خیلی ساده و شیک ، میشه :

<html>
<head>

<script>
function check(){
name=document.getElementById("name").value;
family=document.getElementById("family").value;
age=document.getElementById("age").value;
E="";
if(name=="") E="name is empty";
if(family=="") E="family is empty";
if(age=="") E="age is empty";
if (isNaN(age)) E="age is not number";

if(E!="") error.innerHTML=E;
}
</script>

</head>

<body>
<p id="error"></p>
name: <input type="text" id="name" />
family: <input type="text" id="family" />
age: <input type="text" id="age" />
<input type="submit" value="ok" onClick="check()" />
</body>

</html>