לחיצה על SUBMIT מנוטרל? - הוסטס

dabi · 31-05-13, 16:38

PHP קוד:


			
<script type="text/javascript">

 function enable(){



  if (document.form_name.agreed.checked==''){



   document.form_name.add_fisrt.disabled=true



  }else{



   document.form_name.add_fisrt.disabled=false



  }



 }

 

 



</script>

<form name="form_name">    

 <input type="checkbox" name="agreed" onchange="enable()"> TEXT

    <br /><input type="submit"  name="add_fisrt" value="המשך" disabled />

    

    

</form>

זה הקוד
פשוט מאוד ה CHECKBOX כאשר לוחצים עליו זה מפעיל ומנטרל את ה SUBMIT
מה שאני רוצה שאם ילחצו על הSUBMIT והוא מנוטרל זה יציג שגיאה
אם אני עושה ONCLICK על הSUMBIT זה לא עובד אם הוא מנוטרל

אשמח לעזרה

אביב · 31-05-13, 23:10

תקנו אותי אם אני טועה במרבית הדפדפנים המודרנים אירועי DOM לא אפשריים על שדות שהם מושבתים (disabled) - הדפדפן לא יודע שהוא קיבל לחיצה וגם לא יודע להעביר את אירוע הלחיצה.
פתרון שעלה לי לראש, אתה יכול לעטוף את הכפתור ב-DIV ולעקוב אחר הלחיצה עליו.
בהצלחה

אדיר · 31-05-13, 23:21

לכפתור תתן מראה של disabled באמצעות css ותחבר לו את הפונקציה הרצויה ב- onclick,
את הביטול של שליחת הטופס תבצע באמצעות האירוע onsubmit שלו.

Haimz · 01-06-13, 10:11

אמור לעבוד ולעשות את העבודה:

HTML קוד:

<!DOCTYPE html>
<html>
<body>

<script>
function toggle()
{
    if(document.getElementById('agreed').checked)
    {
        document.getElementById("submit").disabled = "disabled";
    }
    else
    {
        document.getElementById("submit").removeAttribute("disabled");
    }
}
</script>

<input type="checkbox" id="agreed" onclick="toggle();" /> text<br />
<input type="submit" name="submit" id="submit" value="button" />

</body>
</html>

אדיר · 01-06-13, 10:52

זה לא יעבוד, כמו שאביב אמר - הדפדפן לא יריץ את זה כאשר הכפתור מוגדר כ- disabled.
http://jsfiddle.net/d6Rav

**IgalSt** · 01-06-13, 11:35

כמו שאדיר ציין, מאוד חשוב לבצע את הולידציה של משלוח הטופס לא על כפתור השליחה אלא על ארוע השליחה של הטופס, כלומר ארוע onsubmit.

למה?
כי הנחת העבודה שלנו צריכה להיות שלא משנה לנו כיצד המשתמש הגיע למצב שהטופס מנסה להשלח. במילים אחרות, לא משנה לנו אם המשתמש לחץ על כפתור "שלח", לחץ enter כשהוא באחד מה-Input-ים או שסקריפט javascript במקום אחר מנסה לשלוח את הטופס מסיבה לא ברורה.
בסופו של דבר, אנחנחו רוצים לעשות את הולידציה כששולחים את הטופס ויהי מה. לא כשלוחצים על כפתור השליחה ולא בשום פעולה/ארוע אחרים.

dabi · 02-06-13, 09:02

ציטוט:

נכתב במקור על ידי IgalSt

כמו שאדיר ציין, מאוד חשוב לבצע את הולידציה של משלוח הטופס לא על כפתור השליחה אלא על ארוע השליחה של הטופס, כלומר ארוע onsubmit.

למה?
כי הנחת העבודה שלנו צריכה להיות שלא משנה לנו כיצד המשתמש הגיע למצב שהטופס מנסה להשלח. במילים אחרות, לא משנה לנו אם המשתמש לחץ על כפתור "שלח", לחץ enter כשהוא באחד מה-Input-ים או שסקריפט javascript במקום אחר מנסה לשלוח את הטופס מסיבה לא ברורה.
בסופו של דבר, אנחנחו רוצים לעשות את הולידציה כששולחים את הטופס ויהי מה. לא כשלוחצים על כפתור השליחה ולא בשום פעולה/ארוע אחרים.

לא הבנתי
אז ניתן לעשות מה שאני מבקש? חוץ מלעטוף עם DIV שאז זה בעייתי יותר?
או שבאמת כאשר הכפתוןר מנוטרל לא ניתן?

אביב · 02-06-13, 23:26

ציטוט:

נכתב במקור על ידי dabi

לא הבנתי
אז ניתן לעשות מה שאני מבקש? חוץ מלעטוף עם DIV שאז זה בעייתי יותר?
או שבאמת כאשר הכפתוןר מנוטרל לא ניתן?

זה אפשרי אם אתה מעוניין ללכת ראש בקיר.
http://jsfiddle.net/zqNvQ/1/

dabi · 03-06-13, 12:59

ציטוט:

נכתב במקור על ידי אביב

זה אפשרי אם אתה מעוניין ללכת ראש בקיר.
http://jsfiddle.net/zqNvQ/1/

למה ראש בקיר? מה רע במה שעשית?

אביב · 03-06-13, 13:18

ציטוט:

נכתב במקור על ידי dabi

למה ראש בקיר? מה רע במה שעשית?

לא מדובר פה על "רע" ו-"טוב",
כמו שאדיר ויגאל אמרו onsubmit הוא אירוע המייצג שליחת טופס בין אם זה באמצעות כפתור Submit או כול טריגר שמפעיל את submit() (שים לב onsubmit מתייחס לאובייקט הטופס).
לעומת onclick שהוא אירוע יותר כללי - לחיצה על הכפתור השמאלי של העכבר.
תוכל לקרוא עוד כאן.

31-05-13, 16:38	# 1
dabi חבר וותיק מיני פרופיל תאריך הצטרפות: Dec 2007 הודעות: 1,767	לחיצה על SUBMIT מנוטרל? PHP קוד: `<script type="text/javascript"> function enable(){ if (document.form_name.agreed.checked==''){ document.form_name.add_fisrt.disabled=true }else{ document.form_name.add_fisrt.disabled=false } } </script> <form name="form_name"> <input type="checkbox" name="agreed" onchange="enable()"> TEXT <br /><input type="submit" name="add_fisrt" value="המשך" disabled /> </form>` זה הקוד פשוט מאוד ה CHECKBOX כאשר לוחצים עליו זה מפעיל ומנטרל את ה SUBMIT מה שאני רוצה שאם ילחצו על הSUBMIT והוא מנוטרל זה יציג שגיאה אם אני עושה ONCLICK על הSUMBIT זה לא עובד אם הוא מנוטרל אשמח לעזרה

31-05-13, 23:10	# 2
אביב עסק רשום [?] מיני פרופיל תאריך הצטרפות: Aug 2011 הודעות: 250	תקנו אותי אם אני טועה במרבית הדפדפנים המודרנים אירועי DOM לא אפשריים על שדות שהם מושבתים (disabled) - הדפדפן לא יודע שהוא קיבל לחיצה וגם לא יודע להעביר את אירוע הלחיצה. פתרון שעלה לי לראש, אתה יכול לעטוף את הכפתור ב-DIV ולעקוב אחר הלחיצה עליו. בהצלחה __________________ חצור אתרים LinkedIn \| Gmail \| Website Last edited by אביב; 31-05-13 at 23:13..

31-05-13, 23:21	# 3
אדיר עסק רשום [?] מיני פרופיל תאריך הצטרפות: Mar 2008 מיקום: אשקלון הודעות: 1,714	לכפתור תתן מראה של disabled באמצעות css ותחבר לו את הפונקציה הרצויה ב- onclick, את הביטול של שליחת הטופס תבצע באמצעות האירוע onsubmit שלו. __________________ LinkedIn \| אני, אדיר \| העלאת תמונות

01-06-13, 10:52	# 5
אדיר עסק רשום [?] מיני פרופיל תאריך הצטרפות: Mar 2008 מיקום: אשקלון הודעות: 1,714	זה לא יעבוד, כמו שאביב אמר - הדפדפן לא יריץ את זה כאשר הכפתור מוגדר כ- disabled. http://jsfiddle.net/d6Rav __________________ LinkedIn \| אני, אדיר \| העלאת תמונות

01-06-13, 11:35	# 6
IgalSt מנהל פורום, עסק רשום מיני פרופיל תאריך הצטרפות: Oct 2005 מיקום: המרכז גיל: 37 הודעות: 1,432	כמו שאדיר ציין, מאוד חשוב לבצע את הולידציה של משלוח הטופס לא על כפתור השליחה אלא על ארוע השליחה של הטופס, כלומר ארוע onsubmit. למה? כי הנחת העבודה שלנו צריכה להיות שלא משנה לנו כיצד המשתמש הגיע למצב שהטופס מנסה להשלח. במילים אחרות, לא משנה לנו אם המשתמש לחץ על כפתור "שלח", לחץ enter כשהוא באחד מה-Input-ים או שסקריפט javascript במקום אחר מנסה לשלוח את הטופס מסיבה לא ברורה. בסופו של דבר, אנחנחו רוצים לעשות את הולידציה כששולחים את הטופס ויהי מה. לא כשלוחצים על כפתור השליחה ולא בשום פעולה/ארוע אחרים. __________________ יגאל סטקלוב Igal Steklov Slides מה השעה? טרקלין דן טרמינל 1


	ההרשמה לפורום נפתחה - אפשרות רישום לכל אימייל (דומיינים פרטיים, gmail, הוטמייל..)!

חברים פעילים הצופים באשכול זה: 1 (0 חברים ו- 1 אורחים)