javascript - 输入为空时如何停止发送

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;
}