0

これは、 Trent Richardson の即席の例 10からほぼそのままコピーしていますが、うまく動作しません。何らかの理由で、例 8 と 9 はうまくいきません。私はそれが明らかなことだと推測していますが、それを理解することはできません。

頭:

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js" type="text/javascript"></script>
<script src="jquery-impromptu.4.0.min.js" type="text/javascript"></script>
<!--<script src="common.js" type="text/javascript"></script>-->
<link rel="stylesheet" media="screen and (min-device-width: 1050px)" type="text/css"     href="example.css">

<script type="text/javascript">
  var txt = 'Try submitting an empty field:<br /> 
  input type="text" id="alertName" 
  name = "myname" value="" />';

  function mysubmitfunc(e,v,m,f){
    an = m.children('#alertName');
    if(f.alertName == ""){
        an.css("border","solid #ff0000 1px");
        return false;
    }
    return true;
  }
</script>

体:

<button onclick="$.prompt(txt,{ submit: mysubmitfunc, buttons: { Ok:true } })" title="Example 10">Example 10</button>
4

1 に答える 1

2

HTML:

<button id="example10">Example 10</button>

JavaScript:

var text = 'Try submitting an empty field:<br><input type="text" id="alertName" name="myname" value="">';

$( '#example10' ).on( 'click', function () {      
    $.prompt( text, { submit: function ( e, val, $elem ) {
        var input = $elem.children( '#alertName' )[0];
        if ( input.value === '' ) {
            $( input ).css({ border: '1px solid red' });
            return false;
        }
        return true;
    }, buttons: { Ok: true } });    
});

ライブデモ: http: //jsfiddle.net/NcDEh/2/

于 2012-08-24T23:45:46.123 に答える