X
تبلیغات
زولا
کدهای جاوا اسکریپت

مثالی از اعتبار یابی فرم

در این پست یک مثال از اعتبار یابی فرم برای شما دوستان آماده کرده ام در توضیح اعتبار یابی فرم بایستی بگویم که مثلا شما فرمی با جاوا اسکریپت ساخته اید و میخواهید به نوعی کاربر را در قرار دادن اطلاعاتی محدود کنید به فرض مثال شما می خواهید در یک فیلد اگر آدرس ایمیل غلط تایپ شده باشد به کاربر هشدار دهد جهت دیدن دموی کد اینجا را کلیک کنید و برای دریافت کد به ادامه مرجعه کنید. 

 این کد را در قسمت body سند اچ تی ام ال خود کپی کنید.

<div align="center"><h1>More Validation of Forms</h1></div>

<script language="JavaScript" type="text/javascript">
<!--    // hide script from old browsers

// simple test for address format
function testMAIL(form, Ctrl) {
    if (Ctrl.value == "" || Ctrl.value.indexOf ('@', 0) == -1) {
        validatePrompt (Ctrl, "Enter a valid email address")
        return (false);
    } else
        return (true);
}

// simple test for URL format
function testURL(form, Ctrl) {
    if (Ctrl.value == "" || Ctrl.value.indexOf("http://",0) == -1) {
        validatePrompt (Ctrl, "Please provide a valid URL")
        return (false);
    } else
        return (true);
}

// simple test for title existance
function testTITLE(form, Ctrl) {
    if (Ctrl.value == "") {
        validatePrompt (Ctrl, "Please provide your page's title")
        return (false);
    } else
        return (true);
}

// simple test for password existance
function testPASSWD(form, Ctrl) {
    if (Ctrl.value.length < 4 || Ctrl.value.indexOf(' ',0) != -1) {
        validatePrompt (Ctrl, "Your password must be at least 4 characters long and contain no whitespace.")
        return (false);
    } else
        return (true);
}

// simple test for keywords existance
function testKEYS(form, Ctrl) {
    if (Ctrl.value == "") {
        validatePrompt (Ctrl, "You may enter up to 20 keywords.")
        return (true);  // was: false, now field optional
    } else
        return (true);
}

// simple test for description existance
function testDESC(form, Ctrl) {
    if (Ctrl.value == "") {
        validatePrompt (Ctrl, "You may enter a description of your site.")
        return (true);  // was: false, now field optional
    } else
        return (true);
}

// test all fields
//      abort submit on error
//      submit only if all fields pass tests
//
function runSubmit (form)  {
    if (!testURL(form, form.url)) return;
    if (!testTITLE(form, form.title)) return;
    if (!testMAIL(form, form.mail)) return;
    if (!testPASSWD(form, form.pw)) return;
//        if (!testKEYS(form, form.keywords)) return;
//        if (!testDESC(form, form.desc)) return;
    alert ("All entries verified OK!");
    //form.submit();       // un-comment to submit form
    return;
}

// support routine used during tests
function validatePrompt (Ctrl, PromptStr) {
    alert (PromptStr)
    Ctrl.focus();
    return;
}

// called on document load
function loadDoc() {
    // initial focus; use if needed
    //document.join.url.focus ();
    return;
}

// end hiding from old browsers -->
</script>
<form action="" method="POST" name="join">
<!-- Fill in actual HREF for post -->
<table border="1">
        <tr>
            <th colspan="2" colstart="1">These fields are
            required:</th>
        </tr>
        <tr>
            <td align="center" colstart="1">Your page's URL:</td>
            <td align="center" colstart="2"><input type="text"
            size="50" name="url"></td>
        </tr>
        <tr>
            <td align="center" colstart="1">Your page's title:</td>
            <td align="center" colstart="2"><input type="text"
            size="50" name="title"></td>
        </tr>
        <tr>
            <td align="center" colstart="1">Your e-mail address:</td>
            <td align="center" colstart="2"><input type="text"
            size="30" name="mail"></td>
        </tr>
        <tr>
            <td align="center" colstart="1">Password:</td>
            <td align="center" colstart="2"><input type="text"
            size="10" name="pw"></td>
        </tr>
        <tr>
            <td align="center" colspan="2" colstart="1">(The
            password allows you to change info about your site
            later). <b>Please do not forget it!</b></td>
        </tr>
        <tr>
            <th colspan="2" colstart="1">These fields are
            optional:</th>
        </tr>
        <tr>
            <td align="center" colstart="1">Enter up to 20
            keywords about your site:</td>
            <td align="center" colstart="2"><input type="text"
            size="50" name="keywords"></td>
        </tr>
        <tr>
            <td align="center" colstart="1">Enter a short
            description of your site.</td>
            <td align="center" colstart="2"><textarea name="desc"
            rows="5" cols="42" wrap="soft"></textarea></td>
        </tr>
        <tr>
            <td align="center" colspan="2" colstart="1"><input
            type="button" name="Submit"
            value="Submit this information"
            onclick="runSubmit(this.form)"> </td>
        </tr>
    </table>
</form>

برچسب‌ها: جاوا اسکریپت، کد، فرم، تایید، اعتباریابی، مثال
+ نوشته شده در  1392/04/01ساعت 11:35 ق.ظ  توسط javawebs 

نظرات (1)
cool
1392/05/06 ساعت 08:32 ب.ظ
امتیاز: 0 1


سلام.ببخشید که سوال بی ربطه و خیلی هم ساده.ولی خب تازه کارم و این چیزا برام تازگی داره.راجع به کد replace در جاوااسکریپت.میخوام که در متنی دوتا از حروف یا بیشتر،باحروف های دیگه عوض بشه ولی وقتی که دومین دستور replaceو می نویسم اولی دیگه جواب نمیده.در واقع نمیتونم از هردوتاشون با هم استفاده کنم چیکار کنم که هردوتاشون با هم اجرا بشه یا هرچندتای دیگه؟برای جواب سوالم به وبلاگ سر میزنم ولی اگه جوابو به ایمیلم هم بفرستین ممنون میشم.بهش نیاز دارم.واقعا ممنون و تشکر از وبلاگ خوبتون.
پاسخ:
شما نمونه کدتون رو برام بفرستید
برای نمایش آواتار خود در این وبلاگ در سایت Gravatar.com ثبت نام کنید. (راهنما)
نام :
ایمیل :
وب/وبلاگ
ایمیل شما بعد از ثبت نمایش داده نخواهد شد