ورود

View Full Version : مشکل در سنجش داده کاربر در یک form با jquery



<?php?>
شنبه 02 آبان 1394, 10:36 صبح
سلام دوستان .
یک فرم ساده دارم میسازم با html و jquery . میخوام وقتی کاربر تویه فرم چیزی ننوشت ( فیلد رو خالی گذاشت ) و بعد دکمه submit رو زد , به ترتیب با jquery دونه دونه از فیلد ها اعتبار سنجی بشن که ایا خالی هستن یا پر شدن اگه خالی هستن بهشون یه alert بده سیستم .

من این الگوریتم رو پیاده سازی کردم . مشکلم اینجاست که فقط فیلد اول اعتبار سنجی میشه و فیلد های بعدی چه پر بشه و چه نشه form ارسال میشه .

ممنون از شما .
اینم کد html :




<body>
<form action="">
name <input type="text" class="input"><br>
last name <input type="text" class="input"><br>
email <input type="email" class="input"><br>
<input type="submit" value="click" class="submit">
</form>


<script type="text/javascript" src="jquery.min.js"></script>
<script type="text/javascript" src="style.js"></script>
</body>



اینم کد jquery :



$('.submit').click(function(){
var valinput=$('.input').val();
if(valinput==''){
alert('plase full filde');
}
else{
alert('ok');
}
});

frednasri
شنبه 02 آبان 1394, 20:20 عصر
سلام.

یه نمونه اینجا (http://jsfiddle.net/frednasri/h0gnkxgz/) براتون ساختم.

در هر صورت، حتماً از تابع trim (https://api.jquery.com/jQuery.trim/) توی jQuery استفاده کنید تا فضاهای خالی در نظر گرفته نشن. در غیر این صورت، کاربر می تونه با فشار دادن چند بار کلید space توی یه فیلد از اعتبار سنجی عبور کنه بدون اینکه چیزی در فیلد تایپ کرده باشه.

موفق باشید.