Question

我如何停止发送表单联系发送和显示消息以填充输入

我使用文本输入及其在jquery消息中的显示，如facebox

我使用此代码

头部

        <script type="text/javascript">
    function checkForm(form) {
        var nameCheck = checkName(form.elements['name']),
            mailCheck = checkMail(form.elements['email']),
            phoCheck = checkPho(form.elements['phone']),
            msgCheck = checkMsg(form.elements['msg']);
        return nameCheck && mailCheck && phoCheck && msgCheck;
    }

    function checkName(input) {
        var check = input.value.length >= 30;
        input.style.borderColor = check ? 'black' : 'red';
        return check;
    }

    function checkMail(input) {
        var check = input.value.indexOf('@') >= 0;
        input.style.borderColor = check ? 'black' : 'red';
        return check;
    }

    function checkPho(input) {
        var check = input.value.length >= 5 && input.value !== 'رقم الهاتف';
        input.style.borderColor = check ? 'black' : 'red';
        return check;
}
    function checkMsg(textarea) {
        var check = textarea.value.length >= 500;
        textarea.style.borderColor = check ? 'black' : 'red';
        return check;
    }
    </script>

身体

<form id="formsend" action="form.php" method="post" onsubmit="return checkForm(this)">
                                    <input name="name" type="text" value="اسمك الكريم" id="name" onblur="if (this.value=='')this.value='اسمك الكريم'" onclick="value=''" onkeyup="checkName(this)" />
                                    <br />
                                    <input name="email" type="text" id="email" value="البريد الالكتروني" onblur="if (this.value=='')this.value='البريد الالكتروني'" onclick="value=''" onkeyup="checkMail(this)" />
                                                        <br />
                                    <input name="phone" type="text" id="phone" value="رقم الهاتف" onblur="if (this.value=='')this.value='رقم الهاتف'" onclick="value=''" onkeyup="checkPho(this)" />
                                                        <br />
                                                        <textarea name="msg" cols="39" rows="5" placeholder="نص الرساله" onkeyup="checkMsg(this)" wrap=soft></textarea>
                                                        <br />
                                                        <input type="submit" value="ارسال" id="submit" />
                                    </form>

但它仅适用于电子邮件

我有4个输入（姓名，电子邮件，电话，消息）

有人可以告诉我我需要编辑或了解我能用它做什么吗？

Answer 1

您应该在javascript中添加检查，以查看名称，电子邮件，电话和消息的值是否等于默认值。它现在可能正在提交表单，因为电话字段默认为رقمالهاتف，它似乎大于5个字符。

编辑：这是一个例子：

function checkPho(input) {
    var check = input.value.length >= 5 && input.value !== 'رقم الهاتف';
    input.style.borderColor = check ? 'black' : 'red';
    return check;
}

输入为空时如何停止发送

1 个答案: