0

メールアドレスを受け入れるモーダルフォームがあります。次に、これを検証し、無効な場合はメール ボックスを強調表示します。しかし、 .css('background-color','red') を使用しても何も起こりません。キャメルケース「backgroundColor」を試しましたが、違いはありませんでした。コードは、アラートを受け取っているため、else パスを通過しています。コードは次のとおりです。

$( "#dialog-form" ).dialog({
        autoOpen: false,
        height: 300,
        width: 350,
        modal: true,
        buttons: {
            "Send": function() {

                if (validateEmail($('#email').val()))
                {
                var datastr = 'name=' + $('#name').val() + '&email=' + $('#email').val() + '&enquiry=' + $('#enquiry').val() + '&recip=' + eMail;

                $.ajax({
                type: "POST",
                url: "email.php",
                data: datastr,
                cache: false,
                success: function(html){
                        alert ("Email has been Sent");
                        }
                });

                $( this ).dialog( 'close' );
                }
                else
                {
                $('#email').css('background-color','red');
                alert('Your Email Address is invalid');
                }
             },
            Cancel: function() {
                $( this ).dialog( 'close' );
             }},
        close: function() {
           $( this ).dialog('destroy');
        }
    });

フォームは次のとおりです。

<div id="dialog-form" title="Contact Computer Rep" style="display: none">
<form>
    <div tal:condition="data/userlevel"><span>Your Name:</span><span tal:content="data/displayname"></span><br />
        <span>Your Email Address:</span><span tal:content="data/mail"></span>
    </div>
<fieldset>
    <span tal:condition="not: data/userlevel">
    <label for="name">Your Name</label>
    <input type="text" name="name" id="name" value="" class="text ui-widget-content ui-corner-all" />
    <label for="email">Your Email Address</label>
    <input type="text" name="email" id="email" value="" class="text ui-widget-content ui-corner-all" />
    </span>
    <label for="enquiry">Your Enquiry</label>
    <input type="text" name="enquiry" id="enquiry" value="" class="text ui-widget-content ui-corner-all" />
</fieldset>
</form>

4

2 に答える 2

1

jQuery は と の両方background-colorを理解しbackgroundColorます。red次のような代わりに RGB 値を使用してみてください。

$('#email').css('background-color', '#f00');
于 2012-11-12T10:30:10.503 に答える
0

メールがメール ボックスの ID であることを確認できますか。入れてみることもできます$('#email').css({'background-color': 'red'});

于 2012-11-12T10:37:21.467 に答える